·design-system-generator
</>

design-system-generator

qodex-ai/ai-agent-skills

Generate design systems and theme variations. Creates cohesive visual systems with color schemes, typography, and component styling.

21Installs·1Trend·@qodex-ai

Installation

$npx skills add https://github.com/qodex-ai/ai-agent-skills --skill design-system-generator

SKILL.md

This skill provides a curated collection of professional font and color themes themes, each with carefully selected color palettes and font pairings. Once a theme is chosen, it can be applied to any artifact.

To apply consistent, professional styling to presentation slide decks, use this skill. Each theme includes:

To apply styling to a slide deck or other artifact:

Generate design systems and theme variations. Creates cohesive visual systems with color schemes, typography, and component styling. Source: qodex-ai/ai-agent-skills.

View raw

Facts (cite-ready)

Stable fields and commands for AI/search citations.

Install command
npx skills add https://github.com/qodex-ai/ai-agent-skills --skill design-system-generator
Category
</>Dev Tools
Verified
First Seen
2026-02-01
Updated
2026-02-18

Quick answers

What is design-system-generator?

Generate design systems and theme variations. Creates cohesive visual systems with color schemes, typography, and component styling. Source: qodex-ai/ai-agent-skills.

How do I install design-system-generator?

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/qodex-ai/ai-agent-skills --skill design-system-generator 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/qodex-ai/ai-agent-skills