← ClaudeAtlas

frontend-checklisted

Runtime audit and fix hub for performance, SEO, responsive, darkmode, error states, smoke, and flow. Run at end of release cycle (batch over all DOING features) or targeted on a single feature/URL. Use with /frontend-check.
AirMile/claude-config · ★ 0 · Web & Frontend · score 78
Install: claude install-skill AirMile/claude-config
# Check Runtime-only audit hub for performance (Lighthouse/CWV), SEO, responsive layout, darkmode pixel diff, error states, smoke, and user flows. Generation-time static checks (token literals, dark/responsive coverage, A11Y static patterns, motion literals) are now enforced during `/frontend-design` Convert via `design.principles[].forbid` and `design.banPacks` — they are not repeated here. **Two modes:** - **Batch-mode** (no argument): iterate over all features in backlog where `status === "DOING"` or `lastCheckedSha !== shippedSha`. Runs at end of release cycle. - **Targeted mode** (`/frontend-check <feature-name|url|path>`): single feature or URL, all runtime scopes. **Related skills:** `/frontend-design` · `/frontend-tokens` · `/core-setup` ## References - `../shared/BACKLOG.md` — Backlog HTML+JSON format, read/write protocol - `../shared/CODING-RULES.md` — General (R009) - `../shared/FRONTEND-RULES.md` — P-series (performance), A-series (accessibility), H-series (responsive/HTML), E-series, F-series - `../shared/DESIGN.md` — Anti-patterns (AI design tells), motion timing, interaction states - `../shared/PLAYWRIGHT.md` — Playwright CLI: CWV measurement, multi-viewport captures, overflow detection - `../shared/PATTERNS.md` — Code splitting, memoization patterns - `../shared/DEVINFO.md` — Session tracking, cross-skill handoff --- ## Process **Phase tracking** — first action of the skill: call `TaskCreate` with these 5 items (status `pending`), then use `TaskUpdate