AgentToolHub
Skill

frontend-design-audit

frontend-design-audit — a Claude Code skill from mistyhx/frontend-design-audit

Features

  • ✓**Findings** rated on a 0–4 severity scale (catastrophe → cosmetic)
  • ✓**Principle references** linking each issue to established usability research
  • ✓**Concrete fixes** with code-level detail, not vague suggestions
  • ✓**Strengths** — what your interface already does well

Installation Guide

Recommended: Plugin Marketplace (one-time setup, works across all projects)

  • Start Claude Code in any project:

    • bash
    cd your-project
claude

  • Add the marketplace:

    • text
    /plugin marketplace add mistyhx/frontend-design-audit

  • Open the plugin menu:

    • text
    /plugin menu

  • Select and install frontend-design-audit from the list.

  • Restart Claude Code.

    • Alternative: Load Directly (per-session)

    Clone this repo, then start Claude Code from your project with a relative path to the plugin:

    bash
    git clone https://github.com/mistyhx/frontend-design-audit.git ~/plugins/frontend-design-audit
cd your-project
claude --plugin-dir ../plugins/frontend-design-audit

    Or use an absolute path:

    bash
    claude --plugin-dir ~/plugins/frontend-design-audit

    Reviews