Design Audit

🌐Community
by phrazzld · vlatest · Repository

Helps with design, auditing as part of agent workflows workflows.

Install on your platform

We auto-selected Claude Code based on this skill’s supported platforms.

1

Run in terminal (recommended)

terminal
claude mcp add design-audit npx -- -y @trustedskills/design-audit
2

Or manually add to ~/.claude/settings.json

~/.claude/settings.json
{
  "mcpServers": {
    "design-audit": {
      "command": "npx",
      "args": [
        "-y",
        "@trustedskills/design-audit"
      ]
    }
  }
}

Requires Claude Code (claude CLI). Run claude --version to verify your install.

About This Skill

What it does

The design-audit skill provides a structured review of designs, identifying potential usability issues and areas for improvement. It assesses aspects like visual hierarchy, accessibility, and consistency with design principles. The audit results are presented in an organized format to facilitate actionable feedback and iterative refinement of the design.

When to use it

  • Website Redesign: Before launching a website redesign, get an objective assessment of its usability and potential issues.
  • Mobile App Prototype: Evaluate a mobile app prototype for intuitive navigation and user experience.
  • Marketing Material Review: Ensure marketing materials (e.g., brochures, presentations) are visually appealing and effectively communicate the intended message.
  • User Interface Refresh: Before implementing UI changes, analyze existing designs to identify areas needing improvement.

Key capabilities

  • Usability assessment
  • Accessibility review
  • Visual hierarchy analysis
  • Consistency checks against design principles
  • Organized reporting of findings

Example prompts

  • "Perform a design audit on this website: [website URL]"
  • "Analyze this Figma file for accessibility issues and suggest improvements."
  • "Can you provide feedback on the visual hierarchy in this landing page?"

Tips & gotchas

The quality of the audit depends heavily on the clarity and completeness of the provided design materials (e.g., website URL, Figma file). Ensure that all relevant elements are included for a comprehensive evaluation.

Tags

🛡️

TrustedSkills Verification

Unlike other registries that point to live repositories, TrustedSkills pins every skill to a verified commit hash. This protects you from malicious updates — what you install today is exactly what was reviewed and verified.

Security Audits

Gen Agent Trust HubPass
SocketPass
SnykPass

Details

Version
vlatest
License
Author
phrazzld
Installs
27

🌐 Community

Passed automated security scans.