AgentStack
Sign in Publish
MCP servers Skills Toolkits Why AgentStack Sell Docs
Sign in
SKILL verified MIT Self-run

Design System Generator

skill-curiositech-some-claude-skills-design-system-generator · by 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

↗ Repository
— No reviews yet
0 installs
12 views
0.0% view→install

Install

$ agentstack add skill-curiositech-some-claude-skills-design-system-generator

✓ scanned · ✓ verified — works with Claude Code, Cursor, and more.

Security review

✓ Passed

No issues found. Passed automated security review. · v0.1.0 How review works →

  • ✓ Prompt-injection patterns
  • ✓ Secret / credential exfiltration
  • ✓ Dangerous shell & filesystem operations
  • ✓ Untrusted network calls
  • ✓ Known-malicious package signatures

What it can access

  • ✓ Network access No
  • ✓ Filesystem access No
  • ✓ Shell / process execution No
  • ✓ Environment & secrets No
  • ✓ Dynamic code execution No

From automated source analysis of v0.1.0. “Used” means the capability is present in the source — more access means more to trust, not that it’s unsafe.

Are you the author of Design System Generator? Claim this listing to set pricing, connect Stripe payouts, and keep 70% of every sale.
Sign up to claim

About

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.

Source & license

This open-source skill is cataloged on AgentStack and links to its original source — we do not rehost the code.

Install and usage instructions live in the source repository linked above.

Reviews

No reviews yet — be the first.

Write a review

Versions

  • v0.1.0 Imported from the upstream source.

More in Agent Skills