<< All versions

Skill v1.0.0

currentAutomated scan100/100
nathan5674312/skills-grouped-hierarchy/awesome-design-skill
──Details
PublishedOctober 3, 2026 at 04:56 PM
Content Hashsha256:ade6daad4ff39ef7...
Git SHA
──Files
Files (1 file, 1.2 KB)
SKILL.md1.2 KBactive
SKILL.md · 23 lines · 1.2 KB

version: "1.0.0" name: awesome-design description: Generate production UI matched to a known brand's aesthetic using curated DESIGN.md design-system files. Use when the user wants a frontend that looks like a specific brand (Stripe, Vercel, Linear, etc.), is tired of generic AI frontend output, or wants to scaffold a full UI from a single design-system spec. Alternative to the default frontend-design skill.


Awesome Design (DESIGN.md)

68 ready-made DESIGN.md design-system files modeled on real brands. Drop one in, scaffold a whole UI from its exact tokens (colors, fonts, spacing, motion). Use instead of the stock frontend-design skill when you want a specific look.

How to use

  1. Pick a brand whose aesthetic fits the project (e.g. "build me a dashboard like Linear").
  2. Pull that brand's DESIGN.md from the repo.
  3. Feed it as the design spec; generate components against its tokens.

When to reach for it

  • "Make it look like Stripe / Vercel / Superhuman."
  • Default AI frontend output feels samey and you want grounded tokens.
  • You want a portable design spec to reuse across projects.

Repo

https://github.com/VoltAgent/awesome-claude-design — browse the brand list in its README, each links a DESIGN.md.

All versions