mdshop

About mdshop

mdshop is a curated library of DESIGN.md files — structured markdown documents that capture a website's complete visual design system. Colors, typography, components, spacing, elevation, and responsive behavior — everything an AI coding agent needs to build matching UI.

Curated Library

62+ design systems from top brands, manually verified and structured in the 9-section format.

Auto Generation

Paste any URL and we extract the full design system — colors, fonts, spacing, components — automatically.

Agent Ready

Each file includes an Agent Prompt Guide — ready-made prompts your AI can use to build components.

How DESIGN.md works

Each DESIGN.md file contains 9 sections that fully describe a visual design system:

  1. 1. Visual Theme & Atmosphere
  2. 2. Color Palette & Roles
  3. 3. Typography Rules
  4. 4. Component Stylings
  5. 5. Layout Principles
  6. 6. Depth & Elevation
  7. 7. Do's and Don'ts
  8. 8. Responsive Behavior
  9. 9. Agent Prompt Guide