About

Imported from curiositech/some_claude_skills (.claude/skills/design-system-generator/SKILL.md). Install upstream with npx skills add curiositech/some_claude_skills --skill design-system-generator. Copyright stays with the author.

Design System Generator

Name: design-system-generator
Author: curiositech

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.

Use it

Copy one of these into your project. Installing also returns the manifest and these snippets.

yaml

targets:
  - https://api.opensmartroute.ai/api/v1/registry/curiositech-some-claude-skills-design-system-generator/manifest   # or paste the manifest below

Manifest

An Open Capability Manifest: the router reads it to know what this does, what it costs and when to pick it.

curiositech-some-claude-skills-design-system-generator.ocm.jsonjson

{
  "ocm": "1",
  "id": "curiositech-some-claude-skills-design-system-generator",
  "kind": "skill",
  "name": "design-system-generator",
  "description": "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.",
  "publisher": "curiositech",
  "version": "1.0.0",
  "capabilities": {
    "domains": [
      "data_analysis",
      "math"
    ],
    "tags": [
      "skill-md",
      "design-system",
      "trends",
      "generator",
      "skills-sh"
    ],
    "languages": [
      "en"
    ]
  },
  "quality_prior": 0.6,
  "examples": [
    "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."
  ],
  "primary": false,
  "metadata": {
    "source": {
      "provider": "skills.sh",
      "repository": "https://github.com/curiositech/some_claude_skills",
      "path": ".claude/skills/design-system-generator/SKILL.md",
      "ref": "HEAD",
      "url": "https://github.com/curiositech/some_claude_skills/blob/HEAD/.claude/skills/design-system-generator/SKILL.md",
      "key": "curiositech/some_claude_skills/.claude/skills/design-system-generator/SKILL.md"
    }
  },
  "instructions": "# Design System Generator\n\nDesign 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.\n\n## When to Use This Skill\n\n**Activate on:**\n- \"design system\", \"design trends\", \"trend matcher\"\n- \"Swiss Modern\", \"Neobrutalism\", \"Glassmorphism\"\n- \"match design style\", \"design trend recommendation\"\n- \"component library trends\", \"modern design patterns\"\n\n**NOT for:**\n- Implementing individual components → `design-system-creator`",
  "cost": {
    "context_tokens": 463
  }
}

Fetch it by URL: GET /api/v1/registry/curiositech-some-claude-skills-design-system-generator/manifest?version=1.0.0

Reviews

Star ratings from people who tried it. One review per account; edit yours any time.

No reviews yet. Install it, try it, and be the first to rate it.