frontend-quality-auditor
Audit frontend websites and apps before launch. Use for production-readiness reviews, visual polish checks, responsive QA, accessibility risks, performance and SEO basics, interaction states, forms, media, copy clarity, trust signals, and ship/no-ship recommendations for React, Next.js, static sites, dashboards, landing pages, portfolios, and product UI.
npx skills add TheGoat395/Codex-Skills --skill frontend-quality-auditor --agent claude-code
Same command for any agent — swap --agent for codex, cursor, copilot.
Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.
# Frontend Quality Auditor Use this skill to decide whether a frontend is ready to ship and what should be fixed first. ## Core Contract Produce a concise, evidence-based quality report. Do not redesign the product unless the user explicitly asks for fixes. The default output is an audit, not a rebuild. ## Audit Workflow 1. Identify the project type, framework, entry routes, styling system, scripts, and available preview or deployment URL. 2. Inspect source structure first, then inspect rendered output when a browser or screenshot workflow is available. 3. Review desktop and mobile breakpoints before judging visual quality. 4. Check the launch-critical surfaces: hero or first screen, navigation, primary CTA, forms, media, interactive states, footer, error/loading/empty states, and any checkout, booking, pricing, or dashboard flows. 5. Classify issues by severity: - **Blocker**: likely broken, inaccessible, misleading, unusable, or launch-damaging. - **High**: visibly unprofessional, confusing, slow, fragile, or trust-reducing. - **Medium**: polish, consistency, or resilience issue worth fixing soon. - **Low**: minor refinement that should not block launch. 6. Recommend the smallest
- Core Contract
- Audit Workflow
- Review Areas
- Use Specialist Skills When Available
- Output Format
What does the frontend-quality-auditor skill do?
Audit frontend websites and apps before launch. Use for production-readiness reviews, visual polish checks, responsive QA, accessibility risks, performance and SEO basics, interaction states, forms, media, copy clarity, trust signals, and ship/no-ship recommendations for React, Next.js, static sites, dashboards, landing pages, portfolios, and product UI.
How do I install it?
Run `npx skills add TheGoat395/Codex-Skills --skill frontend-quality-auditor --agent claude-code` — it drops the skill into your project so the agent can pick it up. Swap the --agent value for codex, cursor or copilot if you use one of those.
Where does this skill come from?
From TheGoat395/Codex-Skills, a repository with 115 stars. We read it straight from the repository tree rather than a submitted listing, so what you see here is what is actually published.
Is a popular skill a good skill?
Not necessarily. Stars measure attention, not adoption — a repository can trend for a week and be abandoned. That is why we show the weekly change from our own snapshots next to the total, instead of a single flattering number.