designing-ui
Installation
SKILL.md
Design Principles
1. Icons Are the Text
Use icons boldly — they are the most expressive way to communicate button and UI purpose at a glance.
- Prefer icon + text compositions over text alone
- In compact or icon-heavy UIs, icons can fully replace text labels
- Choose icons that semantically match the action, not just aesthetically
2. Stick to the Theme Color
Reuse the theme color already established in the project. Do not introduce new colors arbitrarily.
- Most projects use black / white and a gray-family palette:
slate,gray,zinc,neutral,stone,taupe - For greenfield projects, default to slate or stone
- Reserve colorful, bright accents for the index / hero section — not the everyday working UI the user stares at for hours