design-auditor
97 / 100 · Low risk
Fine to try.
Audit designs against 19 rules across Figma files and code (HTML/CSS/React/Vue/Tailwind). Auto-detects framework and design system (MUI, Chakra, shadcn/ui, Ant Design, Radix, Bootstrap). Runs code superpowers across all 19 categories: aria, focus, contrast, tokens, responsive, motion, forms, navigation, spacing, states, microcopy, elevation, iconography/SVG. Flags color blindness risk. Audits dark patterns, ethical design, Nielsen's heuristics. Outputs before/after diffs, developer handoff repo…
What this skill can do
Connects to the internet
Install
Paste this into your terminal. It downloads exactly the version we scanned, not whatever is newest.
if [ -e ~/.agents/skills/'design-auditor' ] || [ -L ~/.agents/skills/'design-auditor' ]; then echo 'A skill folder named design-auditor already exists — not replacing it' >&2; false; else d=$(mktemp -d) && git clone --quiet --filter=blob:none --no-checkout 'https://github.com/roohe/agentic-super-skills' "$d" && git -C "$d" checkout --quiet 'f483e54f3ad5f202a77d45f2e57f8d970b71195f' -- 'skills_library/design-auditor' && mkdir -p ~/.agents/skills && cp -R "$d"/'skills_library/design-auditor' ~/.agents/skills/'design-auditor' && rm -rf "$d"; fi
Codex reads ~/.agents/skills directly. For Claude Code, Cursor, Copilot, Gemini CLI, Antigravity or OpenCode, also link it. For Claude Code: ln -s ~/.agents/skills/'design-auditor' ~/.claude/skills/'design-auditor' (other agents: ~/.cursor/skills, ~/.copilot/skills, ~/.gemini/skills, ~/.gemini/config/skills, ~/.config/opencode/skills). Or install through the finder skill, which does both.
Badge for your README
[](https://zalavijaysinh.github.io/skilltrust/repos/roohe/agentic-super-skills/)
Score history
| Date | Version | Score |
|---|---|---|
| 2026-11-08 | f483e54 | 97 |