theme-foundation
✓Create a complete theme foundation with accent, secondary, and neutral color ramps from a single brand color. Use when building light/dark mode themes or starting a new design system.
Installation
SKILL.md
Generate a complete theme color system from a single brand color. Creates primary accent, secondary accent (complementary), and neutral ramps - all mathematically derived.
The main brand color expanded to a full 10-shade scale.
Mathematically opposite on the color wheel - perfect for CTAs, highlights, or secondary actions.
Create a complete theme foundation with accent, secondary, and neutral color ramps from a single brand color. Use when building light/dark mode themes or starting a new design system. Source: basiclines/rampa-studio.
Facts (cite-ready)
Stable fields and commands for AI/search citations.
- Install command
npx skills add https://github.com/basiclines/rampa-studio --skill theme-foundation- Source
- basiclines/rampa-studio
- Category
- </>Dev Tools
- Verified
- ✓
- First Seen
- 2026-02-05
- Updated
- 2026-02-18
Quick answers
What is theme-foundation?
Create a complete theme foundation with accent, secondary, and neutral color ramps from a single brand color. Use when building light/dark mode themes or starting a new design system. Source: basiclines/rampa-studio.
How do I install theme-foundation?
Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/basiclines/rampa-studio --skill theme-foundation 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/basiclines/rampa-studio
Details
- Category
- </>Dev Tools
- Source
- skills.sh
- First Seen
- 2026-02-05