๐ŸŽฏ

design-system-generator

๐ŸŽฏSkill

from onewave-ai/claude-skills

VibeIndex|
What it does
|

A skill for creating design systems with design tokens (colors, typography, spacing, shadows), base UI components (Button, Input, Card), CSS variables setup, Tailwind config integration, and component documentation patterns.

๐Ÿ“ฆ

Same repository

onewave-ai/claude-skills(164 items)

design-system-generator

Installation

Vibe Index InstallInstalls to .claude/skills/
npx vibeindex add onewave-ai/claude-skills --skill design-system-generator
skills.sh Installโš  Installs to .agents/skills/
npx skills add onewave-ai/claude-skills --skill design-system-generator
Manual InstallCopy SKILL.md content and save to the path below
~/.claude/skills/design-system-generator/SKILL.md

SKILL.md

192Installs
-
AddedFeb 25, 2026

More from this repository10

๐ŸŽฏ
landing-page-copywriter๐ŸŽฏSkill

Write high-converting landing page copy using proven copywriting frameworks like PAS (Problem-Agitate-Solution), AIDA, and StoryBrand, generating headlines, value propositions, CTAs, and full page sections.

๐ŸŽฏ
code-review-pro๐ŸŽฏSkill

A collection of 100 production-ready AI skills across 15 categories by OneWave AI, covering automation, development, and productivity workflows.

๐ŸŽฏ
csv-excel-merger๐ŸŽฏSkill

A collection of 100 production-ready AI skills across 15 categories by OneWave AI, covering automation, development, and productivity workflows.

๐ŸŽฏ
technical-writer๐ŸŽฏSkill

Generates comprehensive, well-structured technical documentation tailored to specific audiences and technical complexity levels.

๐ŸŽฏ
screenshot-to-code๐ŸŽฏSkill

A collection of 100 production-ready AI skills across 15 categories by OneWave AI, covering automation, development, and productivity workflows.

๐ŸŽฏ
social-media-content-repurposer๐ŸŽฏSkill

A collection of 100 production-ready AI skills across 15 categories by OneWave AI, covering automation, development, and productivity workflows.

๐ŸŽฏ
knowledge-base-builder๐ŸŽฏSkill

A collection of 100 production-ready AI skills across 15 categories by OneWave AI, covering automation, development, and productivity workflows.

๐ŸŽฏ
sports-betting-analyzer๐ŸŽฏSkill

A collection of 100 production-ready AI skills across 15 categories by OneWave AI, covering automation, development, and productivity workflows.

๐ŸŽฏ
css-animation-creator๐ŸŽฏSkill

Creates professional CSS animations, transitions, micro-interactions, and complex motion design for hover effects, loading states, and page transitions.

๐ŸŽฏ
job-application-optimizer๐ŸŽฏSkill

Optimizes job applications by tailoring resumes, generating cover letters, and preparing interview materials using AI-powered job description analysis.