awesome-design-md

A vendored copy of VoltAgent/awesome-design-md — 70+ brand and product design systems captured as markdown reference cards (Airbnb, Apple, Linear, Framer…

Skill by Cadastrophi

IndexedMIT

Write a review

Chalk Labs

Need help deploying awesome-design-md?

Chalk Labs sets up agents like this inside real teams: connected to your tools, tested on your data, with a human in the loop where it matters.

Book a call

Install

Works with Claude Code, Claude apps, Codex, Cursor, Gemini CLI, GitHub Copilot, VS Code, OpenCode, Goose, Windsurf. Read the repository before you give any tool access to your data.

npx agentmarket install skill/cadastrophi-awesome-design-md

Asks which of your tools to add it to (Claude Code, Codex, Cursor, VS Code, Windsurf, Gemini CLI, Claude Desktop) and shows the change first. See https://agentmart.dev/cli.

Get the weekly diff

The weekly diff: one email a week with new agent tools, notable updates and grade changes, plus security alerts for tools you follow. Double opt-in, one-click unsubscribe.

About

A vendored copy of VoltAgent/awesome-design-md — 70+ brand and product design systems captured as markdown reference cards (Airbnb, Apple, Linear, Framer, Stripe, Vercel, Figma, Notion, Cursor, and more). Use when you need a real-world reference for a brand's typography, palette, motion, spacing, or voice; when the user names a brand for inspiration; when auditing whether a design "feels like" a specific product; or before writing tokens for a new UI that should evoke an existing style. Do NOT copy a brand's protected marks — use these as directional reference, not for cloning.

Use cases: documents, design, cloud, writing

Reviews

Write a review

No reviews yet. Installed it? Reviews come from verified installers only. How reviews work

Permissions

What this skill can do and what it asks for, from its SKILL.md. Checked Oct 25, 2026.

Tools: No tools found
Secrets: None asked for
Install scripts: None found

Network hosts it talks to 1

codeload.github.com · found in install command

Files it touches

~/.claude/skills/awesome-design-md

What's inside

Skill name: awesome-design-md
Description: A vendored copy of VoltAgent/awesome-design-md — 70+ brand and product design systems captured as markdown reference cards (Airbnb, Apple, Linear, Framer, Stripe, Vercel, Figma, Notion, Cursor, and more). Use when you need a real-world reference for a brand's typography, palette, motion, spacing, or voice; when the user names a brand for inspiration; when auditing whether a design "feels like" a specific product; or before writing tokens for a new UI that should evoke an existing style. Do NOT copy a brand's protected marks — use these as directional reference, not for cloning.
License: MIT
Instructions: 19 lines in SKILL.md · view on GitHub

Files (149)

LICENSE
SKILL.md
DESIGN.md · design-md/airbnb/
README.md · design-md/airbnb/
DESIGN.md · design-md/airtable/
README.md · design-md/airtable/
DESIGN.md · design-md/apple/
README.md · design-md/apple/
DESIGN.md · design-md/binance/
README.md · design-md/binance/
DESIGN.md · design-md/bmw-m/
README.md · design-md/bmw-m/
DESIGN.md · design-md/bmw/
README.md · design-md/bmw/
DESIGN.md · design-md/bugatti/
README.md · design-md/bugatti/
DESIGN.md · design-md/cal/
README.md · design-md/cal/
DESIGN.md · design-md/claude/
README.md · design-md/claude/
DESIGN.md · design-md/clay/
README.md · design-md/clay/
DESIGN.md · design-md/clickhouse/
README.md · design-md/clickhouse/
DESIGN.md · design-md/cohere/
README.md · design-md/cohere/
DESIGN.md · design-md/coinbase/
README.md · design-md/coinbase/
DESIGN.md · design-md/composio/
README.md · design-md/composio/
DESIGN.md · design-md/cursor/
README.md · design-md/cursor/
DESIGN.md · design-md/dell-1996/
README.md · design-md/dell-1996/
DESIGN.md · design-md/elevenlabs/
README.md · design-md/elevenlabs/
DESIGN.md · design-md/expo/
README.md · design-md/expo/
DESIGN.md · design-md/ferrari/
README.md · design-md/ferrari/
DESIGN.md · design-md/figma/
README.md · design-md/figma/
DESIGN.md · design-md/framer/
README.md · design-md/framer/
DESIGN.md · design-md/hashicorp/
README.md · design-md/hashicorp/
DESIGN.md · design-md/hp/
README.md · design-md/hp/
DESIGN.md · design-md/ibm/
README.md · design-md/ibm/
DESIGN.md · design-md/intercom/
README.md · design-md/intercom/
DESIGN.md · design-md/kraken/
README.md · design-md/kraken/
DESIGN.md · design-md/lamborghini/
README.md · design-md/lamborghini/
DESIGN.md · design-md/linear.app/
README.md · design-md/linear.app/
DESIGN.md · design-md/lovable/
README.md · design-md/lovable/
…and 89 more

SKILL.md (first lines)

# awesome-design-md

Reference markdown for real-world brand & product design systems. Sourced from <https://github.com/VoltAgent/awesome-design-md> (MIT — see `LICENSE`). Each file in `design-md/<brand>/` captures one brand's system: typography stack, color palette, motion values, spacing scale, iconography rules, voice notes.

## How to use

1. When a user names a brand for reference ("make it feel like Linear", "Apple-style hero", "Framer-y motion"), grep `design-md/` for that brand and read the file.
2. Extract the specific dimensions relevant to the task — palette for a landing page, motion curves for animation, spacing scale for a layout — and adapt to the host project's tokens.
3. Prefer many small cues from a reference over wholesale copying: type stack + one motion curve + palette hue is usually enough to evoke the target without imitating it.

## Available brands (74)

Run `ls design-md/` inside this skill for the live list. As of import: airbnb, airtable, apple, binance, bmw, bmw-m, bugatti, cal, claude, clay, clickhouse, cohere, coinbase, composio, cursor, dell-1996, elevenlabs, expo, ferrari, figma, framer, hashicorp, hp, ibm, intercom, kraken, lamborghini, linear.app, lovable, mastercard, and more.

## Legal

These docs describe publicly observable design choices. Do not reproduce logotypes, wordmarks, or trademarked visual assets. Use for education, inspiration, and directional token work — not to build a clone that could be mistaken for the original brand.

From Cadastrophi/justin-skills, MIT.

Signals

Stars: 0
Forks: 0
Open issues: 0
Last commit (this folder): Sep 11, 2026 (1 month ago)

From GitHub (fetched Oct 24, 2026).

Details

License: MIT
Repository: github.com/Cadastrophi/justin-skills
First seen: Oct 24, 2026
Last checked: Oct 24, 2026
Source: GitHub github-graphql

More from Cadastrophi

Done for you

Rather not set it up yourself?

Chalk Labs scopes, builds and runs agents for your team: the task audit, the eval harness, the integrations and the weekly ops report. Fixed scope, priced before we start.

See how we build AI agents →Read the case studies

Chalk Labs is a two-founder AI and growth studio. We build AI agents, CRMs and MVPs for Web3 and AI companies, and have shipped 50+ product and token launches.

launches shipped: 50+; launches shipped
media placements: 500+; media placements
founders on every account: 2; founders on every account

Press we've placed: Forbes · CoinDesk · Decrypt · Cointelegraph · The Block

Rahil Jain, Co-founder, Chalk Labs. Ex-Goldman Sachs engineer. You talk to the person who builds it.

Get awesome-design-md running in your business

Tell us what you want to automate. A founder replies within one working day with a plan, not a pitch deck.

Need help deploying awesome-design-md?

Call Get help

Cite this page

awesome-design-md skill. Agent Mart. https://agentmart.dev/skills/cadastrophi-awesome-design-md (last updated 2026-10-24)

Need help deploying awesome-design-md?

Install

About

Reviews

Permissions

Network hosts it talks to 1

Files it touches

What's inside

More from Cadastrophi/justin-skills

Signals

Details

More from Cadastrophi

Rather not set it up yourself?

Get awesome-design-md running in your business