# Awesome Design Md

> Use when selecting, copying, adapting, or applying a curated DESIGN.md file for a project UI, brand-style reference, or design-system brief. Includes the VoltAgent awesome-design-md corpus locally.

- Skill: `onfire7777/awesome-design-md` (Agent Skill, multi-file: 145 files)
- Install (CLI): `npx skillmds@latest add onfire7777/awesome-design-md`
- Raw SKILL.md: https://api.skillmd.com/api/skills/onfire7777/awesome-design-md/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- License: MIT
- Author: onfire7777 (https://skillmd.com/u/onfire7777)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/onfire7777/awesome-design-md

---


# Awesome DESIGN.md

Use this skill to choose and apply one relevant `DESIGN.md` reference from the local corpus. A `DESIGN.md` is a plain Markdown design-system document that AI design/coding agents can read directly. Do not load the full corpus by default.

## Workflow

1. Identify the requested product, brand, site, or aesthetic.
2. Check `CATALOG.txt` for exact or nearby matches.
3. Load only the selected `design-md/<slug>/DESIGN.md`.
4. If the user asks for a persistent project design brief, copy or adapt the chosen file into the target project root as `DESIGN.md`; this matches the upstream README usage flow.
5. Use the selected file as a visual-system reference covering identity, tokens, layout, components, motion, responsive behavior, and agent prompt guidance.
6. Treat upstream files as design guidance and public CSS-token references. Do not copy proprietary assets, logos, trademark claims, or imply brand affiliation.
7. Combine this with `ui-ux-pro-max` for broad UI/UX coverage and `impeccable` for final interaction and polish review.

## Corpus

Local corpus root: `design-md/`

Upstream README snapshot: `UPSTREAM_README.md`