design-system-generator
Design system generator that matches natural language descriptions to design trends. Expert in Swiss Modern, Neobrutalism, Glassmorphism, and 20+ other design trends. Includes trend matching scripts and comprehensive design pattern library.
How do I install this agent skill?
npx skills add https://github.com/curiositech/some_claude_skills --skill design-system-generatorIs this agent skill safe to install?
- Gen Agent Trust Hubpass
No security issues detected. The skill provides design system generation tools that match natural language descriptions to trends and generate code tokens. It relies on a local design catalog and executes its own TypeScript scripts for processing.
- Socketpass
No alerts
- Snykpass
Risk: LOW · No issues
- Runlayerwarn
1/10 files flagged
What does this agent skill do?
Design System Generator
Design system generator that matches natural language descriptions to design trends. Expert in Swiss Modern, Neobrutalism, Glassmorphism, and 20+ other design trends. Includes trend matching scripts and comprehensive design pattern library.
When to Use This Skill
Activate on:
- "design system", "design trends", "trend matcher"
- "Swiss Modern", "Neobrutalism", "Glassmorphism"
- "match design style", "design trend recommendation"
- "component library trends", "modern design patterns"
NOT for:
- Implementing individual components →
design-system-creator - Dark mode specifically →
dark-mode-design-expert - Typography only →
typography-expert - Accessibility auditing →
color-contrast-auditor
Core Capabilities
This skill provides a trend matching script that maps natural language descriptions to specific design trends including:
- Swiss Modern (clean, minimal, professional)
- Neobrutalism (bold, stark, dramatic)
- Glassmorphism (transparent, frosted glass)
- Neumorphism (soft, tactile, raised)
- Dark Mode (night mode, OLED optimized)
- Hyperminimalism (essential, calm, zen)
- Maximalism (vibrant, colorful, rich)
- Cyberpunk (neon, futuristic, gaming)
- Retrofuturism (vintage sci-fi, arcade)
- 3D Immersive (WebGL, AR, interactive)
- Motion Design (animated, micro-interactions)
- Bold Typography (oversized, kinetic)
- Collage (scrapbook, artistic)
- Sustainable Design (ethical, accessible)
- Claymorphism (soft, rounded, playful)
- Terminal Aesthetic (monospace, CLI)
- Web3/Crypto (gradient, blockchain)
- Botanical/Organic (natural, earthy)
Usage
Run the trend matcher script:
npx ts-node scripts/match-trend.ts "description of desired design"
The script will analyze the description and return the best matching design trend with a score and matched keywords.
How can the creator link this skill?
Add the canonical catalog link to the repository README so users can inspect current installs and available audits. The publishing guide covers the complete discovery path.
<a href="https://skillzs.dev/skills/curiositech/some_claude_skills/design-system-generator">View design-system-generator on skillZs</a>