web-design-guidelines-apply
CommunityAlign UI with shared design guidelines.
Design & Creative#workflow#accessibility#design-system#design-guidelines#frontend-ui#reference-files
Authormrclrchtr
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Align UI work with a shared design direction and established interface standards to prevent drift toward inconsistent visuals or behaviors.
Core Features & Use Cases
- Enforces semantic HTML, accessible components, keyboard interaction, proper focus management, and responsive behavior.
- References local design systems or style guides (e.g., DESIGN_SYSTEM.md, CLAUDE.md) and applies explicit decisions to the UI implementation.
- Ensures consistency across surfaces by consulting reference maps and project language when implementing forms, typography, color, motion, and interactions.
Quick Start
Apply the approved design direction and shared UI guidelines to the current frontend component.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 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: web-design-guidelines-apply Download link: https://github.com/mrclrchtr/skills/archive/main.zip#web-design-guidelines-apply 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 510,000+ vetted skills library on demand.