common-ui-design
OfficialBuild bold, production-grade UI with flair.
Authorwildbitca
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Teams often struggle to align frontend aesthetics with brand and user goals, leading to inconsistent interfaces and longer delivery times. This Skill provides a structured approach to define an aesthetic direction, tokens, and design system decisions before code.
Core Features & Use Cases
- Mandatory pre-code design thinking to lock purpose, tone, and differentiation.
- Aesthetic dimensions covering typography, color, motion, spacing, and depth for consistent UIs.
- References and anti-patterns to guide implementation and avoid common design pitfalls.
Quick Start
Define your design direction by selecting a tone, typography, and color system before implementation.
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: common-ui-design Download link: https://github.com/wildbitca/ai-resources/archive/main.zip#common-ui-design 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.