> ## Documentation Index
> Fetch the complete documentation index at: https://intervyo.ai/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Cookbook: Frontend Engineer

> A frontend hiring loop — Screen → UI & JavaScript → Take-home review — tuned for component design and accessibility.

A reusable loop for hiring **frontend engineers**, tuned toward component design,
JavaScript depth, and accessibility — with a take-home review as the closer.

## Step 1 — Build the Interviewers (once)

| Interviewer                        | Persona                                       | Scores on                                               |
| ---------------------------------- | --------------------------------------------- | ------------------------------------------------------- |
| **Friendly Screener**              | "Hi, I'm Riya — a quick chat to get started." | Motivation, communication, basics                       |
| **UI & JavaScript Interviewer**    | "I'm Lena, a senior frontend engineer."       | JS fundamentals, framework patterns, state, performance |
| **Accessibility & Craft Reviewer** | "I'm Theo — let's review your take-home."     | Semantics, a11y, component API design, CSS quality      |

## Step 2 — Create the Role

**Role:** `Senior Frontend Engineer`

* **Objective:** "Can this person build accessible, performant UI and reason
  about component design?"
* **Skills:** `JavaScript`, `TypeScript`, `React`, `CSS`, `Accessibility`
* **Use case:** Hiring

## Step 3 — Add the Rounds

| # | Round            | Interviewer                    | Pass mark | On pass                   |
| - | ---------------- | ------------------------------ | --------- | ------------------------- |
| 1 | Phone Screen     | Friendly Screener              | 60        | Auto-advance              |
| 2 | UI & JavaScript  | UI & JavaScript Interviewer    | 75        | Auto-advance              |
| 3 | Take-home Review | Accessibility & Craft Reviewer | 80        | Require reviewer approval |

## Step 4 — Add candidates and go

Add candidates (or share the apply link) and schedule. For the take-home Round,
attach the brief to the **Round's** knowledge base so the reviewer interviews
against the exact spec you handed out.

## Variations

* **Design-systems focus?** Re-weight the UI Interviewer toward component API and
  accessibility, and add a Round for visual/interaction polish.
* **Full-stack?** Reuse the **System Design** and **Coding** Interviewers from the
  [Backend recipe](/en/cookbook/backend-engineer) as extra Rounds — same library,
  different composition.