agentskills.codes
FR

frontclippy-audit

by limiteinductiveCodingSource

Automated UI/UX audit for HTML and web interfaces.

TestingAccessibilityFrontend

Install

mkdir -p .claude/skills/frontclippy-audit && curl -L -o skill.zip "https://agentskills.codes/api/skills/download/12679" && unzip -o skill.zip -d .claude/skills/frontclippy-audit && rm skill.zip

Installs to .claude/skills/frontclippy-audit

Activation

This is the description your AI agent reads to decide when to run this skill — the better it matches your request, the more reliably it fires.

Run frontclippy against a local HTML file, live URL, snapshot JSON, suite, or manifest and summarize the findings. Use when the user asks to audit a UI, inspect frontclippy output, emit SARIF, or run capture plus analysis.
222 chars✓ has a “when” trigger
Intermediate

Key capabilities

  • →Run accessibility checks on local HTML files or live URLs
  • →Perform behavioral or keyboard-flow audits
  • →Execute stress or matrix audits
  • →Analyze snapshot JSON files
  • →Analyze related snapshots as a suite
  • →Check manifests for issues

How it works

This skill executes the frontclippy tool against various web artifacts using specific commands based on the input type. It then summarizes the audit findings.

Inputs & outputs

You give it
Local HTML file, live URL, snapshot JSON, suite of snapshots, or manifest file
You get back
Command executed, finding count, highest severity, and review state

When to use frontclippy-audit

  • →Auditing web page accessibility
  • →Checking UI for regressions
  • →Running automated web trace checks

About this skill

frontclippy-audit

Use this in the frontclippy repo when the user wants a real audit run instead of a theoretical explanation.

Workflow

  1. Work from the repo root.
  2. Choose the narrowest command for the artifact the user provided:
    • Local HTML file or live URL:
cargo run -p frontclippy-cli -- check <target>
  • Behavioral or keyboard-flow audit:
cargo run -p frontclippy-cli -- trace-check <target>
  • Stress or matrix audit:
cargo run -p frontclippy-cli -- matrix-check <target>
  • Snapshot JSON:
cargo run -p frontclippy-cli -- analyze <snapshot.json>
  • Related snapshots:
cargo run -p frontclippy-cli -- suite-analyze <snapshot-a.json> <snapshot-b.json> [...]
  • Manifest:
cargo run -p frontclippy-cli -- manifest-check <manifest.toml>
  1. Add --format sarif when the user wants CI or code-scanning output.
  2. Add --config, --baseline, --suppressions, or --write-baseline when review state matters.
  3. If no target is provided, use fixtures/frontclippy.manifest.toml for a broad demo or fixtures/checkout-chaos.html for a single-surface demo.

Response Pattern

Return:

  1. the exact command that ran
  2. the finding count and highest severity
  3. whether findings were configured, suppressed, or baselined
  4. the most relevant next step

When not to use it

  • →When a theoretical explanation of frontclippy is needed instead of an actual audit run
  • →When the user does not want to work from the frontclippy repo root
  • →When the user does not provide a target for the audit

Limitations

  • →Requires working from the frontclippy repo root
  • →Requires a specific target artifact for most audit types
  • →Output is limited to command, finding count, severity, and review state

How it compares

This skill automates the execution and summarization of frontclippy audits, providing a structured output of findings, unlike manually running commands and interpreting raw output.

Compared to similar skills

frontclippy-audit side by side with the closest alternatives in the catalog.

SkillInstallsUpdatedSafetyDifficulty
frontclippy-audit (this skill)05moReviewIntermediate
ui-ux-expert-skill919moReviewAdvanced
accessibility425moReviewIntermediate
ui-testing44moReviewBeginner

Try saying

Example prompts that trigger this skill in your AI assistant.

You might also like

ui-ux-expert-skill

fercracix33

Technical workflow for implementing accessible React user interfaces with shadcn/ui, Tailwind CSS, and TanStack Query. Includes 6-phase process with mandatory Style Guide compliance, Context7 best practices consultation, Chrome DevTools validation, and WCAG 2.1 AA accessibility standards. Use after Test Agent, Implementer, and Supabase agents complete their work.

91244

accessibility

tech-leads-club

Audit and improve web accessibility following WCAG 2.1 guidelines. Use when asked to "improve accessibility", "a11y audit", "WCAG compliance", "screen reader support", "keyboard navigation", or "make accessible".

42174

ui-testing

alinaqi

Visual testing - catch invisible buttons, broken layouts, contrast

42

detecting-accessibility-issues

microsoft

Detects and fixes accessibility issues in React/Fluent UI webviews. Use when reviewing code for screen reader compatibility, fixing ARIA labels, ensuring keyboard navigation, adding live regions for status messages, or managing focus in dialogs.

00

visual-qa

FabioCaffarello

|

00

a11y-audit

jarbitechture

Accessibility audit skill for scanning, fixing, and verifying WCAG 2.2 Level A and AA compliance across React, Next.js, Vue, Angular, Svelte, and plain HTML codebases. Use when auditing accessibility, fixing a11y violations, checking color contrast, generating compliance reports, or integrating acce

00

Search skills

Search the agent skills registry