DesignMD Directory
TemplatesNEWSkillsDesign MD ExamplesPricingResources
⌕⌘K

DesignMD Directory

Visual references, skills, and source templates for AI coding agents.

♥ Support Itmeo

Products

  • Templates
  • Admin Panel Template
  • SaaS Dashboard Template
  • Design Skills
  • Design MD Examples
  • AI Studio
  • WebGradients
  • Free CSS Gradient Generator
  • Color Palette for Websites

Company

  • About
  • Blog
  • Manifesto
  • Donate

Explore

  • Changelog
  • Vercel Design MD
  • shadcn Design MD
  • GitHub Design MD
  • Design MD examples
  • llms.txt
  • ai.txt
  • Sitemap

Connect

  • Twitter / X
  • GitHub
  • DESIGN.md spec
  • dimabraven.com

© 2016–2026 Itmeo. All rights reserved.

PrivacyTerms

Explore

AllTemplates6Design MD Examples80+Design Skills230Guides16ToolsCLIPricing

For your agent

CursorClaude CodeCodexGoogle Stitch

Browse stack

shadcn/uiNext.jsTailwind CSS

Follow

X / TwitterSoonProduct HuntSoon
AllTemplatesExamplesSkillsGuidesToolsCLIPricing

CLI · Cursor · Claude Code · Codex · Webflow · Framer

One command,
your AI agent
gets a design system.

designmd-cli installs any brand's DESIGN.md directly into your project — no browser, no copy-paste. Browse at designmd.directory, install with one command.

npx designmd-cli install vercel
npmdesignmd-clifree · no install required

Commands

Everything you need to browse and install DESIGN.md files.

npx designmd-cli install vercel

Install the Vercel DESIGN.md into your project root

npx designmd-cli install cursor

Install the Cursor DESIGN.md

npx designmd-cli list

Browse all available DESIGN.md files

npx designmd-cli search "dark minimal"

Search by style, category or brand name


Works with your AI tool

Install once, reference in your agent — no copy-paste, no browser.

Cursor

Place DESIGN.md in your project root, then add to .cursor/rules:

Follow the design system in DESIGN.md

Claude Code

Add to CLAUDE.md in your project root:

Follow the design system in DESIGN.md

Webflow · Framer

Use the DESIGN.md as a reference prompt when instructing AI features inside Webflow or Framer. Paste the content as design context.

npx designmd-cli install vercel

Codex · Google Stitch · Terminal

Run npx directly — no install required. Works with any AI coding agent that reads files from your project root.

npx designmd-cli --help

Browse all DESIGN.md files first

Real brand files — pick one, then install it.

Browse the directory →