New: 98,000+ skills indexed from GitHub repos with 100+ stars · every skill safety-checkedBrowse top skillsTop skills
Esc to closeBrowse all skills
Submit a skillBrowse skills
Submit a skillBrowse skills

Agent skill

Frontend Quality Auditor

by TheGoat395 in TheGoat395/Codex-Skills

Audit launch readiness; report ship/no-ship. An agent skill from TheGoat395/Codex-Skills.

MITAuto-check passedFrontend & Design

Install Frontend Quality Auditor

skills CLI
$ npx skills add TheGoat395/Codex-Skills --skill frontend-quality-auditor -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install TheGoat395/Codex-Skills frontend-quality-auditor --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/TheGoat395/Codex-Skills.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/frontend-quality-auditor .claude/skills/frontend-quality-auditor && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
frontend-quality-auditor
GitHub stars
126
Token cost
~1.1k tokens
SKILL.md length
528 words
Files
3 (incl. references)
Skills in repo
23
Repo updated
First seen
Licence
MIT

At a glance

Audit launch readiness; report ship/no-ship. An agent skill from TheGoat395/Codex-Skills.

  • Works in 7 steps: Identify the project type, framework,… → Inspect source structure first, then… → Review desktop and mobile breakpoints… → …
  • Tasks that involve Feature launches and release readiness
  • SKILL.md covers Core Contract, Audit Workflow, Review Areas and Use Specialist Skills When…, plus 2 more sections
  • Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md

What it does

Frontend Quality Auditor is an agent skill from TheGoat395/Codex-Skills. Audit launch readiness; report ship/no-ship.

Its SKILL.md is about 1.1k tokens, which your agent loads only when the skill is triggered. The skill folder holds 4 other files, including reference files (for example `agents/openai.yaml` and `references/audit-checklist.md`).

It sits in Frontend & Design, covering Feature launches and release readiness. The repository describes itself as: Codex-first Agent Skills library for premium frontend, website, motion, accessibility, QA, and handoff workflows. The licence is MIT.

When your agent uses it

  • Tasks that involve Feature launches and release readiness

Example prompts

  • “/frontend-quality-auditor”

Workflow steps

7 steps, taken from the first numbered list in SKILL.md.

  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…
  5. Classify issues by severity
  6. Recommend the smallest useful next action for each meaningful issue.
  7. End with a clear Ship, Ship after fixes, or Do not ship yet judgment.

What it can do on your machine

Read from SKILL.md and the folder at commit feff772. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    No scripts in the folder and no shell commands in SKILL.md.

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    No URLs in SKILL.md.

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Frontend Quality Auditor loads about 1.1k tokens when it runs, and up to ~2k if it reads all its reference files. Until then it costs about 17 tokens; SKILL.md has 528 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~17
When it runs · the whole SKILL.md, loaded when a task matches
~1.1k
With references · SKILL.md plus every file in references/, read only if the agent opens them
~2k

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

The full file from TheGoat395/Codex-Skills at commit feff772, republished under its MIT licence (© TheGoat395). 528 words, ~1,063 tokens.

Download SKILL.mdSave it as .claude/skills/frontend-quality-auditor/SKILL.md (or your agent's skills folder). This skill also uses 2 other files; get the full folder from GitHub.
name
frontend-quality-auditor
description
Audit launch readiness; report ship/no-ship.

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 useful next action for each meaningful issue.
  7. End with a clear Ship, Ship after fixes, or Do not ship yet judgment.

Review Areas

  • Visual polish: hierarchy, spacing, typography, alignment, density, color, contrast, icon use, media treatment, empty space, and generic AI-looking patterns.
  • Responsive behavior: mobile composition, tablet layout, overflow, touch targets, nav behavior, media crops, and text wrapping.
  • Accessibility: semantic structure, headings, labels, focus states, keyboard paths, alt text, contrast, reduced motion, ARIA misuse, and modal/menu behavior.
  • Performance: image and video weight, layout shift risk, font loading, animation cost, bundle hints, third-party scripts, and Core Web Vitals concerns.
  • SEO and sharing basics: title, description, canonical, Open Graph, heading order, crawlable content, image alt text, sitemap/robots signals when relevant.
  • Interaction quality: hover, focus, active, disabled, loading, error, success, offline, retry, and empty states.
  • Content and trust: vague claims, placeholder copy, weak CTAs, unsupported proof, unclear pricing or contact flows, missing legal or support signals where expected.
Show full SKILL.md (207 more words)Show less

Use Specialist Skills When Available

Route deep follow-up work to focused skills instead of bloating this audit:

  • browser-inspection-workflow for rendered browser inspection and evidence capture.
  • visual-polish-qa or responsive-visual-polish-qa for visual fixes.
  • mobile-responsive-qa for phone and tablet layout issues.
  • accessibility-audit-websites for detailed accessibility remediation.
  • performance-audit-websites or performance-budget-lab for speed and Core Web Vitals.
  • seo-technical-qa for launch SEO checks.
  • cross-browser-qa for browser compatibility.
  • anti-generic-website-review for generic AI output and weak design patterns.
  • content-pruning-review, non-generic-web-copy, or cta-language-systems for copy and conversion clarity.

Output Format

Use this structure unless the user asks for something else:

  1. Verdict: Ship, ship after fixes, or do not ship yet.
  2. Top Risks: The material issues most likely to affect users or trust, if any; do not invent a minimum count.
  3. Findings: Severity, location, evidence, impact, and recommended fix.
  4. Quick Wins: Small improvements with high visible payoff.
  5. Specialist Follow-Ups: Which focused skills or checks should be run next.
  6. Verification Notes: Commands, URLs, viewports, screenshots, and checks actually performed.

Read references/audit-checklist.md for the full checklist when performing a complete launch-readiness review.

Scope and evidence

Add insufficient evidence / not assessed when source-only or sampled evidence cannot support readiness. Qualify every verdict by surface and claimed stage. Recommendations remain recommendations in an analysis-only audit.

© TheGoat395, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file

Files

SKILL.md and 2 other files (references) in skills/frontend-quality-auditor of TheGoat395/Codex-Skills.

  • SKILL.md
  • agents/openai.yaml
  • references/audit-checklist.md

Open the folder on GitHubat commit feff772

Compare with similar skills

Frontend Quality Auditor next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Frontend Quality Auditor compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Frontend Quality Auditor this skillTheGoat395/Codex-Skills126—~1.1kAutomated safety check: PassMIT
Shipplugin87/ux-ui-agent-skills1.6k—~532Automated safety check: PassMIT
E2E CoverageLanternOps/breeze133—~1.6kAutomated safety check: PassAGPL-3.0
Releasecodewhale-hq/Codewhale41k—~189Automated safety check: PassMIT
Convex Launch Readinessopenclaw/clawhub9.5k—~1.2kAutomated safety check: PassMIT
Money Qualityiamzifei/show-me-the-money1k—~5.7kAutomated safety check: PassCustom licence

Similar skills

  • Ship

    plugin87/ux-ui-agent-skills

    Pre-release gate — run the full gate, responsive + render checks, then produce the release checklist (README badge/current/changelog).

    1.6k GitHub stars~532 tokensUpdated 3 days ago
    DevelopmentAuto-check passed

  • E2E Coverage

    LanternOps/breeze

    A skill your agent uses when running a broad manual/AI-driven end-to-end verification of Breeze RMM across many merged PRs or commits — "test everything since the last release", release-readiness…

    133 GitHub stars~1.6k tokensUpdated today
    Testing & QAAuto-check passed

  • Release

    codewhale-hq/Codewhale

    Prepare a named version: preflight, version consistency, build/package, smoke test, checksums/notes, and release readiness.

    41k GitHub stars~189 tokensUpdated today
    Testing & QAAuto-check passed

  • Convex Launch Readiness

    openclaw/clawhub

    Run every Convex audit (authz, reviewer, advisor, insights) into one scored, deduped readiness report with an ordered fix plan — Lighthouse for your backend.

    9.5k GitHub stars~1.2k tokensUpdated yesterday
    Product & Project ManagementAuto-check passed

  • Money Quality

    iamzifei/show-me-the-money

    Code and product quality gates for shipping with confidence.

    1k GitHub stars~5.7k tokensUpdated 1 mo ago
    Testing & QAAuto-check passed

  • Hai Goal

    hylarucoder/hai-stack

    Creates or rewrites a goal document for ambiguous, multi-phase, high-risk, or explicitly planned execution: verifiable outcome, boundary, current state, phases, proof-bearing todos, dry-run, and…

    386 GitHub stars~2k tokensUpdated 6 days ago
    Testing & QAAuto-check passed

More from TheGoat395/Codex-Skills

All 23 skills in this repo

  • Premium Visual Reference Library

    TheGoat395/Codex-Skills

    Find references, Viktor Oddy and MotionSites. An agent skill from TheGoat395/Codex-Skills.

    126 GitHub stars~867 tokensUpdated 1 mo ago
    Auto-check passed

  • Agent Evaluation Operations

    TheGoat395/Codex-Skills

    Evaluate agent and skill behavior or routing. An agent skill from TheGoat395/Codex-Skills.

    126 GitHub stars~1.5k tokensUpdated 1 mo ago
    Auto-check passed

  • Creativity

    TheGoat395/Codex-Skills

    Generate original ideas or escape fixation. An agent skill from TheGoat395/Codex-Skills.

    126 GitHub stars~1.2k tokensUpdated 1 mo ago
    Auto-check passed

  • Final Client Handoff

    TheGoat395/Codex-Skills

    Prepare verified ownership and delivery notes. An agent skill from TheGoat395/Codex-Skills.

    126 GitHub stars~477 tokensUpdated 1 mo ago
    Auto-check passed

  • Visual Regression Lab

    TheGoat395/Codex-Skills

    Compare captures; stitch lazy/animated pages. An agent skill from TheGoat395/Codex-Skills.

    126 GitHub stars~516 tokensUpdated 1 mo ago
    Auto-check passed

  • Web Reference Research

    TheGoat395/Codex-Skills

    Analyze selected sources: Viktor or MotionSites. An agent skill from TheGoat395/Codex-Skills.

    126 GitHub stars~475 tokensUpdated 1 mo ago
    Auto-check passed

Categories

Questions about Frontend Quality Auditor

What does Frontend Quality Auditor do?

Audit launch readiness; report ship/no-ship. An agent skill from TheGoat395/Codex-Skills. Frontend Quality Auditor is an agent skill from TheGoat395/Codex-Skills. Audit launch readiness; report ship/no-ship.

When should I use Frontend Quality Auditor?

Frontend Quality Auditor fits situations like: tasks that involve Feature launches and release readiness.

How do I install Frontend Quality Auditor in Claude Code?

Run `npx skills add TheGoat395/Codex-Skills --skill frontend-quality-auditor -a claude-code`. Or copy the skill folder (skills/frontend-quality-auditor in TheGoat395/Codex-Skills) into .claude/skills/frontend-quality-auditor in your project. Claude Code loads it when a task matches its description.

How do I install Frontend Quality Auditor in Codex?

Run `npx skills add TheGoat395/Codex-Skills --skill frontend-quality-auditor -a codex`. Or copy the skill folder (skills/frontend-quality-auditor in TheGoat395/Codex-Skills) into .agents/skills/frontend-quality-auditor in your project. Codex loads it when a task matches its description.

Can I use Frontend Quality Auditor in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add TheGoat395/Codex-Skills --skill frontend-quality-auditor -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/frontend-quality-auditor, .gemini/skills/frontend-quality-auditor, .github/skills/frontend-quality-auditor and .opencode/skills/frontend-quality-auditor in your project.

What does Frontend Quality Auditor need to run?

SKILL.md names no scripts, command-line tools or credentials: Frontend Quality Auditor is instructions for the agent only.

Does Frontend Quality Auditor access the network?

SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.

Is Frontend Quality Auditor safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does Frontend Quality Auditor use?

Frontend Quality Auditor is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Frontend Quality Auditor use?

About 1.1k tokens (SKILL.md is roughly 4.3k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 979 tokens, read only when the agent opens those files.

What are the alternatives to Frontend Quality Auditor?

Skills that share tags, products or a category with Frontend Quality Auditor: Ship (plugin87/ux-ui-agent-skills, 1.6k stars), E2E Coverage (LanternOps/breeze, 133 stars), Release (codewhale-hq/Codewhale, 41k stars) and Convex Launch Readiness (openclaw/clawhub, 9.5k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Frontend Quality Auditor?

TheGoat395 (a GitHub user) maintains it in TheGoat395/Codex-Skills, which has 126 GitHub stars. The repository holds 23 skills in this directory. The repository was last updated on September 11, 2026.

Source: TheGoat395/Codex-Skills on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.