design-style

Installation
SKILL.md

Design Style

Recommend and apply design styles from a curated library of 67 visual aesthetics — from Brutalism to Glassmorphism, Cyberpunk to Japandi.

When This Skill Activates

  • User asks "what style should I use for my project?"
  • User says "recommend a design style"
  • User mentions a specific style name ("use glassmorphism", "apply brutalist style")
  • User wants to apply colors, fonts, or CSS from a design aesthetic
  • User asks "帮我选设计风格" / "推荐设计风格" / "选个设计风格"

Core Principles

  1. Show, don't lecture — Lead with concrete CSS, colors, and prompt templates. Not theory.
  2. Context-aware — A fintech dashboard needs different styles than an indie game landing page.
  3. Opinionated — Recommend 3 styles, not 15. Explain why each fits.
  4. Immediately actionable — Every run ends with a browsable comparison HTML the user can pick from, plus paste-ready CSS variables.
  5. No middle stops — After the user provides purpose + basic info, run straight through to a generated preview. Don't stop to ask "which one do you prefer?" — let the visual do the choosing.
Installs
5
GitHub Stars
8
First Seen
Aug 16, 2026
design-style — yanliudesign/design-style-skill