EASY DESIGN.MD

EASY DESIGN.MD

Tell AI the brand you want to mimic, and it will automatically download the DESIGN.md file for you. Powered by 59+ design systems.

---

Our Principles

Show Before Download

Always show demo first, let users choose before downloading.

When a user says "I want to build a page", don't download blindly. Instead:

1. Present the interactive demo
2. Let users see the colors and preview of recommended brands
3. Wait for them to choose
4. Then download

This ensures users make informed decisions based on visual results, not brand names alone.

Interactive Demo

Try the live demo: color-recommender.html

Select your page type → See the recommended brand's color palette → Preview how it looks → Choose with confidence.

---

Features

Feature	Description
Demo-First	Show visual preview before downloading
Smart Recommendations	Tell AI your page type, get matched with the right brand
59+ Design Systems	Stripe, Linear, Airbnb, Apple, Figma, Vercel, GitHub, and more
One-Command Download	Get any brand's design system instantly

---

Live Demo Videos

Color Recommender — Pick by Seeing

Select page type → See palette from real DESIGN.md → Preview in context → Choose with confidence.

Brand Showcase — Compare Design Systems

Browse 4 popular design systems: Stripe, Linear, Airbnb, Apple. Each card shows colors, typography, and UI components.

---

Installation

npx skills add maxliux5/easy-design-md

Then tell AI: "I want to build a SaaS landing page"

---

Usage

After installation, use the skill in Claude Code:

/easy-design-md

The workflow:

1. AI shows you the demo (see videos above)
2. You select a design system
3. AI downloads the DESIGN.md file
4. AI builds your page using that design language

---

Supported Brands

airbnb, apple, cal, claude, cursor, figma, framer, github, linear, notion, raycast, spotify, stripe, vercel, + 50 more

---

License

MIT