generic-design-system
Complete design system reference for any project - colors, typography, spacing, components, animations. Adapts to project theme and tech stack. Use when implementing UI, choosing colors, creating animations, or ensuring brand consistency. For new design systems, use ui-research skill first.
Installation
SKILL.md
When creating a NEW design system (not following an existing one):
| Existing design system | Follow it strictly | | No design system | Use this skill to establish foundations | | Partial system | Identify gaps, extend consistently |
| Primitive | --color-blue-500 | Raw values | | Semantic | --color-primary | Meaning | | Component | --button-background | Context |
Complete design system reference for any project - colors, typography, spacing, components, animations. Adapts to project theme and tech stack. Use when implementing UI, choosing colors, creating animations, or ensuring brand consistency. For new design systems, use ui-research skill first. Source: travisjneuman/.claude.
Facts (cite-ready)
Stable fields and commands for AI/search citations.
- Install command
npx skills add https://github.com/travisjneuman/.claude --skill generic-design-system- Source
- travisjneuman/.claude
- Category
- *Creative Media
- Verified
- —
- First Seen
- 2026-02-01
- Updated
- 2026-02-18
Quick answers
What is generic-design-system?
Complete design system reference for any project - colors, typography, spacing, components, animations. Adapts to project theme and tech stack. Use when implementing UI, choosing colors, creating animations, or ensuring brand consistency. For new design systems, use ui-research skill first. Source: travisjneuman/.claude.
How do I install generic-design-system?
Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/travisjneuman/.claude --skill generic-design-system 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/travisjneuman/.claude
Details
- Category
- *Creative Media
- Source
- user
- First Seen
- 2026-02-01