Web Design Guidelines
bytedance/deer-flowYou can check your website or app against a set of best practices. These rules cover things like accessibility, layout, and user experience. The tool reads your code and highlights any issues it finds.
Just ask to review your UI, audit your design, or check your site. The tool fetches the latest guidelines and applies them to your files. It then shows exactly where problems are in your code.
This helps you make your web pages easier to use and more inclusive for everyone. No need to remember every rule yourself. Let the tool do the hard work.
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 Design & UI/UX Claude Code Skills
Sleek Design Mobile Appssleekdotdesign/agent-skills
Turn your app ideas into mobile screens just by describing them
Lark Whiteboardlarksuite/cli
View, edit, and export Lark whiteboards as images or code easily
Brainstormingobra/superpowers
Brainstorm your ideas into a clear design and get approval before building anything
Ui Ux Pro Maxnextlevelbuilder/ui-ux-pro-max-skill
All-in-one UI/UX design assistant with styles, colors, fonts, and guidelines for any platform
Prototypemattpocock/skills
Quick throwaway prototypes to test logic or UI before building
Redesign Existing Projectsleonxlnx/taste-skill
Upgrade your existing website or app with a professional design audit
Extract Design Systemarvindrk/extract-design-system
Reverse engineer a website's design into ready-to-use token files
Stitch Design Tasteleonxlnx/taste-skill
Create premium, non-generic UI designs with strict color, typography, and layout rules