web-interface-design
CommunityDesign clean, usable web interfaces
Authorratacat
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Use when designing or reviewing web UI, implementing forms/buttons/inputs, addressing clutter, and building a robust color/layout system. It centralizes domain-specific reference files to guide design decisions.
Core Features & Use Cases
- Reference file index for typography, inputs, buttons, color systems, layout, and accessibility
- Quick decision guidance to pick the right reference file
- Universal quick references and design rules
Quick Start
Load and consult the references (typography.md, forms-and-inputs.md, color-systems.md) to address a UI issue, e.g., typography or spacing questions.
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: web-interface-design Download link: https://github.com/ratacat/claude-skills/archive/main.zip#web-interface-design Please download this .zip file, extract it, and install it in the .claude/skills/ directory.