DESIGN.md

Установка

/plugin marketplace add eveiljuice/claude-plugin-design-md
/plugin install design-md@eveiljuice

Это чужой код. Посмотрите файлы в репозитории перед установкой.

Что делает

Команда /design-md:create создает в проекте DESIGN.md: YAML-токены дизайна и текстовое обоснование, которые любой агент может прочитать перед версткой интерфейса. Можно взять пустой стартовый шаблон или один из трех официальных примеров. Тот же функционал доступен через npx claude-plugin-design-md для агентов, умеющих запускать shell-команды.

Для кого. Для дизайнеров и фронтенд-разработчиков, которые хотят зафиксировать визуальный стиль продукта в формате, понятном агентам.

Пример запроса к агенту

Создай DESIGN.md на основе примера atmospheric-glass

Ограничения

Создает только файл-заготовку, содержимое под продукт нужно дописать самостоятельно. Нужен Node 18+. Официальные примеры скачиваются из сети.

Как отключить. Удалите плагин design-md через /plugin в Claude Code. Для других агентов удалите добавленное правило или секцию в AGENTS.md.

Проверка безопасности

• Запускает npm-пакет через npx
• Скачивает примеры шаблонов из сети

Коротко о README

Проект содержит плагин Claude Code со слеш-командой create, универсальный скилл-файл и npx CLI. README показывает, как подключить инструкцию в Cursor, Cline, Windsurf, OpenCode и через AGENTS.md для Codex, Gemini CLI и других. Флаги --out и --force задают путь и перезапись. Пакет публикуется в npm через GitHub Actions по тегу версии.

SKILL.md

---
name: create-design-md
description: Use when the user asks to create a DESIGN.md, scaffold a design system spec for AI coding agents, add YAML design tokens, or set up the google-labs-code/design.md format in a project. Runs the claude-plugin-design-md npx CLI so the file is written verbatim from the official templates, not rewritten from memory.
---

# Scaffold a DESIGN.md via `claude-plugin-design-md`

A `DESIGN.md` is a design-system specification AI coding agents can read to produce UI that matches an intended visual identity. It follows the [google-labs-code/design.md](https://github.com/google-labs-code/design.md) spec: YAML front matter with design tokens plus markdown prose that explains the rationale.

## When to activate

Trigger this skill when the user asks for any of:
- a `DESIGN.md` file
- a design system spec that AI agents can read
- design tokens in YAML form
- the `google-labs-code/design.md` format
- a visual-identity brief that an AI coding agent can consume

## Do not write the file from scratch

Templates are versioned upstream by Google Labs. Rewriting them from memory drifts from the spec. Always delegate to the packaged CLI.

## How to run

```bash
npx -y claude-plugin-design-md [source] [--out path] [--force]
```

Requires Node 18+. No install needed — `npx` caches the package.

Похожие