frontend

Generates framework-agnostic frontend interview questions covering browser rendering, JavaScript, and engineering practices.

23|1|Updated Aug 3, 2026
One-click install
npx skills add https://github.com/yuecao365/OfferCome --skill frontend-yuecao365
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: frontend
Source: https://github.com/yuecao365/OfferCome/tree/main/src/lib/mock-interviews/skills/frontend
Command: npx skills add https://github.com/yuecao365/OfferCome --skill frontend-yuecao365

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Interviewers and hiring teams often struggle to design frontend interview questions that go beyond trivia and actually test a candidate's ability to diagnose real problems like white screens, jank, memory leaks, and caching failures. This Skill provides a structured question bank and evaluation rubric for framework-agnostic frontend interviews. ## Core Features & Use Cases - Topic Ladders: Covers 13 domains including browser rendering pipelines, event loops, closures, TypeScript type systems, build tooling, HTTP caching, web security, performance monitoring, accessibility, CSS layout, and WebView compatibility, each with progressive difficulty steps. - Good vs Bad Question Patterns: Contrasts weak trivia questions with scenario-based questions that start from user-perceivable symptoms and demand measurement evidence. - Resume Hook Probing: Maps common resume claims (e.g., "first-screen optimization X%", "bundle size reduction") to follow-up questions that verify real depth. - Use Case: When a candidate applies for a frontend, web, or H5 role, load this Skill to generate layered interview questions, then delegate React or Vue specifics to the corresponding stack skill. ## Quick Start Ask the AI to generate frontend interview questions for a mid-level candidate whose resume mentions first-screen performance optimization and TypeScript migration.

Frequently Asked Questions about frontend

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I design frontend interview questions that test real ability?▼

Start from user-perceivable symptoms like white screens, jank, or memory growth, ask candidates to locate the cause before explaining principles, and always require measurement tools and before-and-after numbers. Avoid pure definition questions like "explain the event loop."

What topics should a framework-agnostic frontend interview cover?▼

Core areas include browser rendering pipelines, event loops and async models, closures and memory leaks, ESM versus CommonJS, TypeScript type systems, build tooling and bundle governance, HTTP caching, CORS and web security, performance monitoring, accessibility, CSS layout stability, and WebView compatibility.

Does this skill cover React or Vue specific interview questions?▼

No. Framework-specific topics such as React Hooks or Vue reactivity are intentionally excluded and delegated to separate stack-specific skill packages. This skill only covers framework-independent frontend fundamentals and engineering judgment.

How do I verify a candidate's performance optimization claims on a resume?▼

Probe for the exact metric name (LCP versus FCP), the measurement tool and sample size, the single largest change made, and whether regressions occurred. Claims without quantified measurement methods are treated as weak signals.

What are red flags when interviewing frontend candidates?▼

Warning signs include reciting reflow and repaint without distinguishing Layout from Paint, treating debounce as the fix for all jank, claiming SSR is always faster without discussing TTFB costs, and having no hands-on experience with Performance or Memory panels.