Summary
This conducts comprehensive frontend design reviews covering UI/UX quality, design system compliance, accessibility, and responsive patterns. You'd use it when evaluating Figma files, validating component libraries, or auditing designs before implementation. It walks through visual design assessment, WCAG 2.1 AA compliance checks, design token validation, and component architecture review. The workflow is thorough, maybe more structured than you need for quick reviews, but the severity rating system (critical to low) and the accessibility quick reference with specific contrast ratios are genuinely useful. Best for teams that want documented design reviews with actionable findings rather than quick feedback sessions.
Install to Claude Code
npx -y skills add dauquangthanh/hanoi-rainbow --skill frontend-design-review --agent claude-codeInstalls into .claude/skills of the current project.
Keep your Mac awake while Claude Code and 40+ AI agents run. Sleeps when they're idle.
One time payment $9 →
Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →
Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →
On Capafy, your Skill runs online 24/7 as an agent product, and you get paid every time someone uses it.
Start earning →
Files
SKILL.md
Select a file.
Featured
Keep your Mac awake while Claude Code and 40+ AI agents run. Sleeps when they're idle.
One time payment $9 →Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →On Capafy, your Skill runs online 24/7 as an agent product, and you get paid every time someone uses it.
Start earning →First SeenJun 3, 2026
