Make Claude Code follow your DESIGN.md: create one from your codebase or from a designmd.co system, lint it, export tokens to Tailwind/CSS/DTCG, and build on-brand UI.
Plugin design-md from marketplace designmd in tahamejdoub22/designmd. Commands read from the repo's manifest — 1 month ago.
This plugin runs code on your machine — its hooks fire automatically on events like tool use. The exact commands are listed below; read them before installing.
design-mdKnowledge of the open DESIGN.md format (Google Labs spec, used by designmd.co, Stitch and Claude Design). Use whenever a project contains a DESIGN.md, when building or restyling any UI, or when the user mentions DESIGN.md, design tokens, a design system, designmd.co, brand colors/typography, or "mak
exportExport DESIGN.md tokens to Tailwind v4 (@theme CSS), Tailwind v3 (theme.extend JSON), plain CSS variables or W3C DTCG tokens.json, and wire them into the project's styling setup.
initCreate a DESIGN.md for the current project by extracting the real design system from the codebase (Tailwind config, CSS variables, theme files, components), or from a short brief when there is no UI yet.
lintValidate a DESIGN.md with the official @google/design.md linter (broken token references, WCAG contrast, orphaned tokens, section order, typos) and fix the findings.
useAdopt a ready-made design system (e.g. downloaded from designmd.co, awesome-design-md, Stitch, or any DESIGN.md file/URL) in the current project — install it as DESIGN.md, lint it, and apply it to the UI.
node "${CLAUDE_PLUGIN_ROOT}/scripts/session-start.mjs"
node "${CLAUDE_PLUGIN_ROOT}/scripts/lint-on-edit.mjs"
Collection of example skills demonstrating various capabilities including skill creation, MCP building, visual design, algorithmic art, internal communications, web testing, artifact building, Slack GIFs, and theme styling
19 skills
Comprehensive PR review agents specializing in comments, tests, error handling, type design, code quality, and code simplification
1 command · 6 agents
Professional UI/UX design intelligence for AI coding assistants. Includes searchable databases of styles, colors, typography, charts, and UX guidelines for React, Next.js, Astro, Vue, Nuxt.js, Nuxt UI, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, Jetpack Compose, Angular, Laravel, JavaFX, and Three.js.
7 skills
tasteskill 2.5.1: professional company websites at the figma.com and x.ai level, with one section per screen, real photographs, real product UI, effects kept for tech and gaming pages, and a real-browser checker and finish gate.
1 skill
Design fluency for frontend development. 1 skill with 24 commands (/impeccable polish, /impeccable audit, /impeccable critique, etc.) and curated anti-pattern detection.
1 skill · 4 agents · hooks
Build, preview, and test UI components with Storybook.
7 skills
This page updates itself from your repo. Add the badge to your README, or get it Featured to pin it above the organic results with a followed link to your site.