applying-web-design-guidelines
CommunityAudit UI code for quality
Authoralunadev
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill enforces high standards for web interfaces by auditing code against comprehensive guidelines, preventing common bugs and improving user experience.
Core Features & Use Cases
- Code Auditing: Scans UI code for violations in accessibility, performance, UX, and code quality.
- Guideline Enforcement: Provides specific rules and fixes derived from Vercel Engineering's Web Interface Guidelines.
- Use Case: Before merging a new UI component, run this Skill to ensure it meets accessibility standards, has proper focus states, and avoids performance pitfalls.
Quick Start
Run the web-design-guidelines skill to audit the code in the file 'src/components/Button.tsx'.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: applying-web-design-guidelines Download link: https://github.com/alunadev/ald-skills/archive/main.zip#applying-web-design-guidelines Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.