Does it work with both Claude Code and the Claude app?

Yes — both. Claude Code picks up design.md as CLAUDE.md automatically. The Claude app lets you attach it to any conversation. It also works with Cursor, GitHub Copilot, Windsurf, and ChatGPT.

Do I need to know how to code?

No. The kit works with the Claude app for no-code output — just attach the file and describe what you want.

What's actually in the file?

A design.md rules file, the full palette, font files, icons and texture assets, and a quick-start guide for every major AI tool.

Will my output stay consistent across sessions?

Yes. Claude reads the same rules every time you attach or reference the file — same colors, same type decisions, same style.

How to use a design system in Claude

Point Claude at one design.md file and everything it designs — carousels, banners, landing pages — comes out in your exact brand. Step-by-step guide.

Why it works

Claude is a brilliant designer with no memory of your brand. A design system gives it one source of truth for palette, type, spacing, and rules — so nothing drifts off-brand.

How it works

1. Pick your aesthetic — Browse 100+ systems and download the zip — design.md plus a full palette, font files, icons, and assets.
2. Give Claude the file — In Claude Code, drop the kit folder into your repo root — it reads design.md as CLAUDE.md automatically. In the Claude app, attach the file to any conversation.
3. Ask Claude to build — "Make a landing page using design.md." Every output — carousels, banners, decks — comes out in your exact brand colors, type, and style.

Common questions

Does it work with both Claude Code and the Claude app?: Yes — both. Claude Code picks up design.md as CLAUDE.md automatically. The Claude app lets you attach it to any conversation. It also works with Cursor, GitHub Copilot, Windsurf, and ChatGPT.
Do I need to know how to code?: No. The kit works with the Claude app for no-code output — just attach the file and describe what you want.
What's actually in the file?: A design.md rules file, the full palette, font files, icons and texture assets, and a quick-start guide for every major AI tool.
Will my output stay consistent across sessions?: Yes. Claude reads the same rules every time you attach or reference the file — same colors, same type decisions, same style.

Browse the systems