Design references

Skill bertbertov/claude-stack/skills/design-references

Fetch brand-specific DESIGN.md system specs from getdesign.md when the user wants UI to match a known brand's aesthetic ("make it look like Stripe", "Apple-style", "Linear feel"). Covers 59 brands across SaaS, fintech, consumer tech, automotive, AI labs, and creator tools. Use BEFORE picking a generic style skill — brand match always beats generic.From its SKILL.md

Install

npx -y skills add bertbertov/claude-stack --skill design-references

Assembled from the repository path, not quoted from the project. Check it against their README if it does not work.

One thing to look at

0 stars0 stars. Stars are a popularity signal and not a quality one, but at this level it is likely that nobody has read this closely except its author, and you would be relying on your own review.

SKILL.md

4.0 KB, ~1.0k tokens by cl100k_base, as published. Nobody here has run it

Design References — 59 brand DESIGN.md specs

When the user references a brand by name, fetch that brand's DESIGN.md instead of using a generic style skill (taste-skill, soft-skill, etc.). Brand-match always beats generic.

How to use

User says "make it look like X" / "X-style" / "X feel" / "match Stripe's aesthetic" → look up brand below

Fetch the spec via WebFetch:

https://getdesign.md/design-md/<brand>/DESIGN.md

Apply that spec as the source of truth for tokens, typography, motion, and components.
If the user names a brand NOT in this list, fall back to taste-skill / ui-ux-pro-max + the user's description.

Available brands (59)

SaaS / Dev tools

airtable · cal · clickhouse · composio · cursor · expo · figma · framer · hashicorp · intercom · linear.app · lovable · mintlify · miro · mongodb · notion · opencode.ai · posthog · raycast · replicate · resend · sanity · semrush · sentry · supabase · superhuman · vercel · voltagent · warp · webflow · zapier

AI labs / models

claude · cohere · elevenlabs · minimax · mistral.ai · nvidia · ollama · runwayml · together.ai · x.ai

Fintech / payments

coinbase · kraken · revolut · stripe · wise

Consumer / lifestyle

airbnb · apple · pinterest · spotify · uber

Automotive / hardware

bmw · clay · ferrari · lamborghini · renault · spacex · tesla

Enterprise / infra

ibm

Quick brand → vibe map

Brand	Use for
stripe	Premium fintech, purple gradients, weight-300 elegance
apple	Consumer hardware, SF Pro, cinematic imagery, generous whitespace
linear.app	Software/SaaS, dark, neutral, ultra-precise spacing
vercel	Dev tools, Geist font, monochrome with electric accent
claude	AI products, warm/editorial, soft serif
cursor	Code editors, dark, tight sans, syntax-highlight palette
notion	Productivity, soft cream, warm blacks, friendly
figma	Creative tools, vibrant accents on neutral
coinbase	Crypto/finance, blue trust, clean grids
airbnb	Marketplace, photographic-first, soft shadows
superhuman	Email/productivity, dense, mono-adjacent
raycast	Launcher/utility, dark, command-palette aesthetic
tesla	Premium hardware, minimal/black, technical
ferrari / lamborghini	Luxury automotive, red/black, cinematic
resend	Dev/email, Geist + clean grayscale
runwayml	AI creative, experimental, dark + saturated
posthog	Analytics, hedgehog-quirky, friendly serious
mintlify	Docs, clean technical
wise	Banking, green/cream, friendly trust

(For brands not in the table, just fetch the DESIGN.md — each starts with a one-line description.)

What's in each DESIGN.md

Every spec contains tokens for:

Color palette (semantic + raw)
Typography (font stacks, scale, weights)
Spacing scale + grid
Motion / easing curves
Border radius scale
Shadows / elevation
Component patterns (buttons, cards, nav)
Brand voice / tone notes

Sizes range from ~20 KB (Stripe) to ~37 KB (Apple).

Local mirror (offline reference, stub-only)

C:\Users\A\.claude\design-references\awesome-design-md\design-md\<brand>\README.md

These are stubs that point to the canonical URL. The actual content lives at getdesign.md.

Routing rule

When invoked, the design-conductor stage 2 (STYLE) should prefer this skill over generic style picks if a brand match exists. Otherwise fall through to taste-skill / soft-skill / brutalist-skill / etc.

What ships with it

Read from the repository

Just SKILL.md. No reference files, no scripts.