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

Tools & Resources

Extractors, Figma plugins, AI design studios, and skills for working with DESIGN.md files.

AllExtractorsFigma pluginsAI Design StudiosSkills & PromptsInspiration & Reference

Extractors — get DESIGN.md from any site

Tools that generate DESIGN.md files, design tokens, and config from live websites.

designlang (design-extract)

MIT

CLI and Node.js library. Run npx designlang <url> and get DTCG tokens, Tailwind config, shadcn globals.css, and CSS custom properties.

2.5k
GitHub

designmd.me

Free

Paste any URL and instantly receive a DESIGN.md file. Web-based extractor with no setup required.

Open

designmd.supply

Free

Extract DESIGN.md from any public domain. An alternative web-based extractor.

Open

getdesign.md

Free

Generates design specs and full configurations including Tailwind, CSS variables, and design tokens.

Open

refero.design

Free

2000+ DESIGN.md files from real products. Search and browse design systems from top companies.

Open

neuform

Free

AI design system library. Generate and explore design systems for modern AI-era products.

Open

Figma plugins

Extract DESIGN.md directly from your Figma files and local styles.

design-md-figma (bergside)

MIT

Figma plugin that extracts local styles and variables → DESIGN.md + SKILL.md. No API calls — runs fully locally inside Figma.

GitHubOpen

design-md-chrome (bergside)

Chrome extension

Chrome extension companion to the Figma plugin. Use DESIGN.md directly in the browser without leaving your workflow.

GitHub

AI Design Studios

Open-source platforms for AI-assisted design and prototyping.

open-design (nexu-io)

Open source

Open-source alternative to Claude Design. Works with any agent — Claude Code, Codex, Cursor, Gemini CLI. Apache-2.0.

40k
GitHub

huashu-design (alchaincyf)

Open source

Universal AI design platform with a strong motion and mp4 engine for generating animations and interactive prototypes.

GitHub

Skills & Prompts

SKILL.md files, prompts, and agent rules for specific design tasks.

guizang-ppt-skill (op7418)

Open source

PPT skills with 5 built-in themes and 10 slide layouts. Use with AI agents to generate polished presentations.

GitHub

html-ppt-skill (lewislulu)

Open source

30+ templates, layouts, and animations for HTML-based presentations. Drop into any AI agent.

GitHub

logo-generator-skill (op7418)

Open source

SKILL.md for generating logos through AI agents. Works with Claude Code, Cursor, and Codex.

GitHub

material-3-skill (hamen)

Open source

Material Design 3 as a SKILL.md for AI agents. Gives your agent access to the full MD3 design system.

GitHub

claudedesign-to-swiftui (heyadam)

Open source

SwiftUI patterns for Claude Design and Claude Code. Bridge AI-generated designs to native iOS.

GitHub

garden-skills (ConardLi)

Open source

Collection of agent rules for good design and image generation. How to make AI have taste.

GitHub

Inspiration & Reference

Curated resources for design taste, references, and anti-patterns.

impeccable.style

Free

Anti-slop design reference. Curated examples of intentional, high-quality product design.

Open

Emil Kowalski — "Agents with taste"

Free

Essay on how AI coding agents can develop and apply design taste. A must-read for AI-assisted UI work.

Open