elite-design-core
✓Entry point for elite web design. Covers design philosophy, visual systems, and the design-to-code process. Use when asked about: premium website design, award-winning aesthetics, design systems, visual hierarchy, spacing, typography, color theory, or "how to make this look professional". This skill provides the foundational thinking that informs all other elite-web-design skills. Start here for new projects or when establishing design direction.
Installation
SKILL.md
| Visual hierarchy | visual-hierarchy.md | | Spacing systems | spacing-systems.md | | Typography | typography.md | | Color theory | color-theory.md |
Restraint Over Excess Every element earns its place. Remove until it breaks, then add back one thing.
Intentional Motion Animations guide attention and communicate state - never decoration. Each animation answers: "What does this help the user understand?"
Entry point for elite web design. Covers design philosophy, visual systems, and the design-to-code process. Use when asked about: premium website design, award-winning aesthetics, design systems, visual hierarchy, spacing, typography, color theory, or "how to make this look professional". This skill provides the foundational thinking that informs all other elite-web-design skills. Start here for new projects or when establishing design direction. Source: rshvr/elite-web-design.
Facts (cite-ready)
Stable fields and commands for AI/search citations.
- Install command
npx skills add https://github.com/rshvr/elite-web-design --skill elite-design-core- Source
- rshvr/elite-web-design
- Category
- </>Dev Tools
- Verified
- ✓
- First Seen
- 2026-02-11
- Updated
- 2026-02-18
Quick answers
What is elite-design-core?
Entry point for elite web design. Covers design philosophy, visual systems, and the design-to-code process. Use when asked about: premium website design, award-winning aesthetics, design systems, visual hierarchy, spacing, typography, color theory, or "how to make this look professional". This skill provides the foundational thinking that informs all other elite-web-design skills. Start here for new projects or when establishing design direction. Source: rshvr/elite-web-design.
How do I install elite-design-core?
Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/rshvr/elite-web-design --skill elite-design-core Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor
Where is the source repository?
https://github.com/rshvr/elite-web-design
Details
- Category
- </>Dev Tools
- Source
- skills.sh
- First Seen
- 2026-02-11