Audit frontclippy UI

VérifiéPrudence

Exécute frontclippy sur un fichier HTML, une URL, un JSON d'instantané ou un manifeste et résume les résultats.

Spar Skills Guide Bot
DeveloppementIntermédiaire
3023/07/2026
Claude CodeCursorWindsurf
#frontend-audit#ui-testing#cli-tool#accessibility-check

Recommandé pour

Notre avis

Exécute l'outil CLI frontclippy pour auditer des fichiers HTML, URLs, snapshots ou manifestes à la recherche de problèmes d'interface, d'accessibilité et de comportement.

Points forts

  • Prend en charge plusieurs types d'audit (check, trace-check, matrix-check).
  • Peut générer une sortie SARIF pour l'intégration CI.
  • Fonctionne avec différents types d'entrée (fichiers locaux, URLs, snapshots, manifestes).
  • Inclut des fonctionnalités de ligne de base et de suppression.

Limites

  • Nécessite que le dépôt frontclippy soit configuré avec l'outillage Rust.
  • Analyse uniquement les cibles fournies, ne peut pas explorer l'ensemble d'un site.
  • La sortie dépend de la qualité de la cible ; pas de régression visuelle intégrée.
Quand l'utiliser

Lorsque vous avez besoin d'un audit détaillé d'une surface frontend pour l'accessibilité, le flux clavier ou les tests de stress.

Quand l'éviter

Lorsque vous avez besoin de tests automatisés de bout en bout ou de comparaisons visuelles.

Analyse de sécurité

Prudence
Score qualité85/100

The skill executes cargo run on a local Rust project, which involves compilation and execution of potentially untrusted code. It also performs network requests if a URL target is provided. These actions are inherent to the tool's purpose but require trust in the repository and target.

Points d'attention
  • Runs `cargo run` which compiles and executes arbitrary code from the local repository; could have side effects if repository is untrusted.
  • Target parameter may be a URL, leading to unintended network requests during analysis.

Exemples

Audit a live URL
Run frontclippy check on https://example.com and summarize the findings.
Audit with SARIF output
Audit the local file checkout-chaos.html with frontclippy and output SARIF format.
Run a keyboard-flow audit
Run a trace-check on fixtures/checkout-chaos.html and show the results.

name: frontclippy-audit description: 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.

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
Skills similaires