OpenSkillIndex← back to search
claude-code

Some_claude_skills 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

install
source · Clone the upstream repo
git clone https://github.com/curiositech/some_claude_skills
Claude Code · Install into ~/.claude/skills/
T=$(mktemp -d) && git clone --depth=1 https://github.com/curiositech/some_claude_skills "$T" && mkdir -p ~/.claude/skills && cp -r "$T/.claude/skills/design-system-generator" ~/.claude/skills/curiositech-some-claude-skills-design-system-generator && rm -rf "$T"
manifest: .claude/skills/design-system-generator/SKILL.md
source content

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.