sdsrss

Claudemd Design Adopt — Design skill for Claude Code

Design community

Generate a thin, fact-based DESIGN.md from a UI project's real design-token sources and wire it into project CLAUDE.md.

How to install Claudemd Design Adopt

Installs to ~/.claude/skills/sdsrss-claudemd-claudemd-design-adopt/SKILL.md

Terminal

mkdir -p ~/.claude/skills/sdsrss-claudemd-claudemd-design-adopt && curl -fsSL https://raw.githubusercontent.com/sdsrss/claudemd/HEAD/commands/claudemd-design-adopt.md -o ~/.claude/skills/sdsrss-claudemd-claudemd-design-adopt/SKILL.md

Restart Claude Code, or start a new session, for it to be picked up.

What Claudemd Design Adopt does

name: claudemd-design-adopt description: Generate a thin, fact-based DESIGN.md from a UI project's real design-token sources and wire it into project CLAUDE.md. Use when (1) the user asks to configure design specs / 配置设计规范 / 设计规范 for agents, (2) UI sessions keep inventing colors or spacing instead of using the project's existing tokens, (3) a UI project (Vue/React/Svelte/Nuxt/Astro + a component lib or Tailwind/UnoCSS/SCSS) has design tokens but no DESIGN.md guiding agents. Modes - check (ve

Alternatives in Design

Canvas Design — Create beautiful visual art in PNG and PDF documents using design philosophy 94.1k ★
NotebookLM Automation — Complete programmatic access to Google NotebookLM—including capabilities not exposed in the web UI 6.8k ★
Studio — Launch the local design Studio — a live token editor over the latest extraction 3.6k ★