Agent skill · design visual · erichowens
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
Why this skill is useful
Includes executable trend matching scripts that map natural language descriptions to specific design trends, enhancing the AI's design capabilities.
What it needs
Requires ts-node installed locally. About 1k tokens when loaded. Last updated 2026-07-14. 180 stars on the source repository.
What this skill does
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: The script will analyze the description and return the best matching design trend with a score and matched keywords.
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills erichowens/design-system-generator