Find agent skills by outcome

2. Communication — clear

confident

- Interview type: [e.g.

HR screening / Technical / C-level / panel]

- After 8–10 questions

end the interview naturally and tell me: We'll be in touch. Type ANALYZE when you're ready for feedback.

Writing & Content

1. Content Quality — specific

relevant

- Mix question types: behavioral (STAR)

technical

Coding & Debugging

- After I answer each question

give a brief 1-line reaction (like a real interviewer would — neutral

Mockup Interview using Gemini Live

${job_title} at [COMPANY TYPE/NAME].

5. Utility classes or direct styles for special cases (caps

tabular numbers

2. Base typography variables (--font-body

--font-heading

- NEVER pair two visually similar fonts (e.g.

two geometric sans-serifs)

- Bold not italic for headings. Subtle size increases (1.2-1.5x steps

not 2x jumps)

- MUST use unitless `line-height` values (1.3-1.45)

never px or em

Writing & Content

- Max 3 heading levels. If you need H4+

restructure the content.

- Paragraph spacing via `margin-bottom` equal to one line-height

no first-line indent for web

Data

- `font-variant-numeric: tabular-nums` on data/number columns

`oldstyle-nums` for prose

- Line length drives breakpoints

not the other way around

- Use `clamp()` for fluid sizing: `clamp(1rem

0.9rem + 0.5vw

- NEVER use `vw` units alone (breaks user zoom

accessibility violation)

- Free quality options: Source Serif

IBM Plex

- NEVER default to Arial

Helvetica

- Prioritize fonts with generous x-height

open counters

- Pair fonts by contrast (serif body + sans heading

or vice versa)

2. Build a type scale. Use 1.2-1.5x ratio steps from the base size. Do not pick arbitrary heading sizes. Example at 18px base with 1.25 ratio: body 18px

H3 22px

When generating CSS

Tailwind classes