design-auditor
Audits designs across 19 professional categories including typography, color/contrast, spacing, visual hierarchy, consistency, WCAG, forms, motion, dark mode, responsive, loading/empty/error states, microcopy, i18n/RTL, elevation, iconography, navigation, design tokens, ethical design/dark patterns, and Nielsen heuristics. Scores 0-100 with severity-ranked issues.
How do I install this agent skill?
npx skills add https://github.com/podo/design-agent-skills --skill design-auditorIs this agent skill safe to install?
- Gen Agent Trust Hubwarn
This skill is a stub that provides instructions to install its full functionality from an external GitHub repository. It includes multiple shell commands and specifically instructs the agent to use the '!' prefix to execute them automatically in the background.
- Socketwarn
1 alert: gptAnomaly
- Snykfail
Risk: CRITICAL · 3 issues
What does this agent skill do?
design-auditor
Catalogue stub — full skill: Ashutos1997/claude-design-auditor-skill
Decision tree
-
Is the full skill already installed? Check whether the skill at this location still has a
das:block:- Global:
grep -q "^das:" ~/.agents/skills/design-auditor/SKILL.md 2>/dev/null && echo "pointer" || echo "installed" - Project:
grep -q "^das:" .agents/skills/design-auditor/SKILL.md 2>/dev/null && echo "pointer" || echo "installed" - No
das:block → full skill installed, invoke it and proceed das:block present → go to step 2
- Global:
-
Detect scope, then install:
To detect scope:
[ -e ~/.agents/skills/design-auditor ] && echo "global" || echo "project"Global (installed with
-g):npx skills add Ashutos1997/claude-design-auditor-skill --skill design-auditor -g -yProject (installed without
-g):npx skills add Ashutos1997/claude-design-auditor-skill --skill design-auditor -yClaude Code: send either command as a chat message starting with
!to run it without leaving the conversation.
Invoke after install
- Skill name:
design-auditor - Trigger phrases: "design audit", "design score", "19 categories", "design-auditor", "design quality check"
What it does
Comprehensive design audit skill that evaluates designs across 19 professional categories: typography, color/contrast, spacing, visual hierarchy, consistency, WCAG accessibility, forms, motion/animation, dark mode, responsive design, loading states, empty states, error states, microcopy, i18n/RTL support, elevation/shadows, iconography, navigation, design tokens, ethical design and dark patterns, and Nielsen heuristics. Produces a 0-100 score with issues ranked by severity so the most impactful problems surface first.
When NOT to use
- Accessibility-only audits — use
fixing-accessibilityfor a focused WCAG pass - WCAG-specific compliance documentation — use
wcag-audit-patterns
How can the creator link this skill?
Add the canonical catalog link to the repository README so users can inspect current installs and available audits. The publishing guide covers the complete discovery path.
<a href="https://skillzs.dev/skills/podo/design-agent-skills/design-auditor">View design-auditor on skillZs</a>