Web Design Guidelines
langgenius/difyGet a quick check on your website's design and accessibility. This tool looks at your UI code and compares it against a set of web interface guidelines. It helps you spot problems with layout, colors, and user experience.
You can ask it to review your interface or audit your design. It reads the files you point it to and then gives a simple list of issues. This makes it easy to catch mistakes early and build a better website for everyone.
Anyone working on a website can benefit from this review. It saves time and helps you follow best practices without needing to be an expert. Just hand over your code and get clear feedback.
Add Web Design Guidelines skill to your workflow
Global
mkdir -p ~/.claude/skills/web-design-guidelinesProject
mkdir -p .claude/skills/web-design-guidelinesSource Repository
More Code Review & Quality Claude Code Skills
Improve Codebase Architecturemattpocock/skills
Scan your codebase for architecture improvements with visual reports and pick one to refactor
Web Design Guidelinesvercel-labs/agent-skills
Review your UI code for compliance with web interface guidelines
Caveman Reviewjuliusbrussee/caveman
Ultra-compressed one-line code review comments that cut noise
Zoom Outmattpocock/skills
Get a big picture view of your code with a simple map of modules and callers
Codebase Designmattpocock/skills
Create deep modules with tiny interfaces and lots of hidden logic for testability
Requesting Code Reviewobra/superpowers
Catch code issues early with focused automated reviews before every merge
Request Refactor Planmattpocock/skills
Plan safe code refactors with tiny commits and clear GitHub issues
Receiving Code Reviewobra/superpowers
Think first, then code. Verify feedback before making changes. Stay objective