Agent Plugins Marketplace
← All plugins

design-md

v1.0.0

Create, extract, and maintain a project-level DESIGN.md following the Google design.md spec (https://github.com/google-labs-code/design.md). Use whenever building or evolving an application's UI to capture brand, style, tokens, and components in a single human- and agent-readable source of truth — then wire the project's CLAUDE.md to reference it.

Claude Code1 Skill

By William Hayes0 GitHub starsUpdated 1 hour ago

Directory evidence

Runtimes
Claude Code
Parsed components
1 skill or MCP entry
Source updated
Oct 1, 2026
Manifest status
Canonical path parsed

The directory validates manifest shape and source location. It does not execute the plugin or provide a security endorsement. Review the indexing methodology →

Install design-md for Claude Code

Installs for the current user
claude plugin marketplace add IchenDEV/agent-plugin-mkt
claude plugin marketplace update agent-plugin-marketplace
claude plugin install design-md@agent-plugin-marketplace

Paste and run these commands in a terminal with Claude Code. They add and refresh the PluginsMP catalog, then install this plugin.

The installer fetches third-party code from the source repository shown on this page. This directory validates manifest structure and source location, but does not perform a security audit; review the manifest, components, and source before installing.

Get the source manually
git clone https://github.com/wshayes/devmo-skills

Clone the source repository, then follow its setup instructions to add the plugin to a compatible client. The plugin root is plugins/design-md/.

Plugin files

plugins/design-md/
├── .claude-plugin/plugin.json
└── skills/design-md/SKILL.md

Included Skills1

design-mdskills/design-md/SKILL.md

Author, extract, and maintain a project's DESIGN.md following the Google design.md spec (https://github.com/google-labs-code/design.md). Use whenever the user is (a) starting a new application or feature and wants to capture the design, style, or brand guide; (b) working in a project that already has UIs but no DESIGN.md — extract the existing visual language into one; or (c) making UI/UX changes that should be reflected in DESIGN.md. Triggers: 'create a design system', 'save the design', 'style guide', 'brand guide', 'design.md', 'DESIGN.md', 'design tokens', 'extract the styles', 'document the UI'. Also fires whenever a UI change is made — propose updating DESIGN.md. After creating or updating DESIGN.md, always ensure the project's CLAUDE.md contains a reference instructing future agents to use DESIGN.md for design decisions.

Plugin manifests1

plugins/design-md/.claude-plugin/plugin.json
{
  "name": "design-md",
  "description": "Create, extract, and maintain a project-level DESIGN.md following the Google design.md spec (https://github.com/google-labs-code/design.md). Use whenever building or evolving an application's UI to capture brand, style, tokens, and components in a single human- and agent-readable source of truth — then wire the project's CLAUDE.md to reference it.",
  "version": "1.0.0",
  "author": {
    "name": "William Hayes",
    "email": "[email protected]"
  }
}

If you maintain this plugin, link to this source-backed listing from your README so users can review its manifest and indexed components.

[design-md on Agent Plugins Marketplace](https://pluginsmp.com/plugins/design-md)