Web Design Guidelines
This skill downloads the latest Web Interface Guidelines and checks the specified UI files against the current rules. Findings are returned concisely in file:line format, suited to frontend developers, fullstack developers, UI engineers, and interface reviewers. The skill only audits; it does not modify code on its own, and it requires an Internet connection to run.
Preview the Skill package contents
Inspect the folder structure and the SKILL.md instructions before downloading.
Package contents are collapsed
Click the button below to view this package's folder structure and SKILL.md content.
How to install this AI Skill
Usage example (optional)
Use web-design-guidelines to review the files src/components/**/*.tsx and report issues in file:line format.
Related Skills
Keep building your workflow.
frontend-design
Distinctive, production-grade frontend interfaces that shed generic AI aesthetics through deliberate design choices. Guides the choice of an aesthetic direction (brutalist, maximalist, retro-futuristic, luxury, organic/natural, ...) before implementation so the design stays cohesive and leaves a lasting impression.
View Skill Codingnodejs-backend-patterns
Guides you in building Node.js backends with production patterns using Express/Fastify and backend best practices. Backend Dev, Node.js Dev, Fullstack Dev
View Skill Codingclaude-api
Helps developers build applications with the Claude API/SDK and AI integration patterns. The Anthropic repo currently includes the claude-api skill. AI Engineer, Backend Dev, Fullstack Dev
View Skill