Interview scorecard template

Senior Frontend Engineer interview scorecard

Pre-screening scorecard for Senior Frontend Engineer candidates.

See AI scoring
software datanextjsreacttypescriptweb performance
Complete evaluation framework

What to assess and how to score it

Review the evidence signals before interviewing. Then use the anchored descriptions—not instinct alone—to choose the score that best matches each answer.

01
Evaluation factor

Technical proficiency

35% weight

Check depth in React 18 and Next.js App Router: server components, streaming, suspense boundaries, TypeScript generics, state libraries like Zustand or TanStack Query, and hydration pitfalls.

Evidence to listen for

  • Command of the languages, frameworks, and data tools the role actually uses
  • Understands correctness, performance, and failure modes, not just syntax
  • Has opinions on testing and can justify them
  • Reads and reasons about code they did not write

Five-point scoring guide

1
Poor

Cannot work independently; fundamentals are missing.

2
Needs Improvement

Weak fundamentals; output needs heavy review.

3
Satisfactory

Competent for the role; needs guidance on complex or unfamiliar work.

4
Very Good

Strong practitioner; handles hard problems with little guidance.

5
Excellent

Explains server versus client component boundaries, caching directives and hydration errors from real code they wrote, not documentation summaries.

02
Evaluation factor

Systems and trade-offs

25% weight

Probe rendering strategy choices: SSR versus ISR versus static, bundle splitting, Core Web Vitals targets, image and font optimisation, and when they rejected a heavy dependency.

Evidence to listen for

  • Reasons about scale, latency, cost, and failure before writing code
  • Names the trade-off they chose and what they gave up
  • Understands the data lifecycle end to end
  • Anticipates what breaks at ten times the volume

Five-point scoring guide

1
Poor

No thinking beyond the immediate task; no awareness of scale or failure.

2
Needs Improvement

Limited architectural awareness; struggles with design decisions.

3
Satisfactory

Works within an existing design; makes sound local decisions.

4
Very Good

Designs for scale and maintainability; articulates trade-offs clearly.

5
Excellent

Names measured trade-offs, for example cutting LCP or JS payload by a specific amount, and states what the choice cost them.

03
Evaluation factor

Evidence and rigour

25% weight

Test their testing and measurement habits: Jest or Vitest, React Testing Library, Playwright end-to-end suites, Lighthouse or RUM data, Sentry traces, and how regressions were caught.

Evidence to listen for

  • Validates results rather than trusting output
  • Knows how their work is measured and what a bad result looks like
  • Can describe a time their own analysis or model was wrong and how they caught it
  • Careful about data quality, leakage, and silent failure

Five-point scoring guide

1
Poor

Ships unvalidated work; no notion of how correctness is checked.

2
Needs Improvement

Validates superficially; misses obvious quality or leakage issues.

3
Satisfactory

Reasonable checks in place; rigour drops under time pressure.

4
Very Good

Validates thoroughly; can name a real error they caught in their own work.

5
Excellent

Cites before and after metrics from Lighthouse, Web Vitals or Sentry, and describes a bug their test suite caught pre-release.

04
Evaluation factor

Collaboration and communication

15% weight

Assess collaboration with designers and backend teams: Figma handoff, design system or Storybook ownership, API contract negotiation, code review standards, and mentoring mid-level engineers.

Evidence to listen for

  • Explains technical work to non-technical stakeholders
  • Gives and takes code or peer review constructively
  • Documents enough that the work survives their absence
  • Aligns with team process rather than working around it

Five-point scoring guide

1
Poor

Cannot work in a team; resistant to feedback.

2
Needs Improvement

Communication issues create rework; lone-wolf tendencies.

3
Satisfactory

Adequate team member; documentation and review participation are light.

4
Very Good

Communicates well; reliable reviewer and collaborator.

5
Excellent

Describes concrete review feedback given, a shared component library they maintained, and how they resolved a disputed API contract.

Put this rubric to work

Score every candidate against the same standard

Add these weighted factors to Hirevire and let AI evaluate recorded answers against your rubric.

Explore AI Scorecards