Bandersnatch0x/design-playbook--packages-design-playbook ↗★ 1
design-playbook
Design I/O for coding agents: controllable UI generation via declarations (spec/domain/craft/design/components/template) and contracts (skill/evaluator). Use for product UI—console, dashboard, agent-ops, CJK-first apps.
安装
npx -p @deepseek-ai/dsh dsh plugin --profile web add github:Bandersnatch0x/design-playbook#33c1298d0eb5c0f0564c29235fcaf612e0a94c47&path:packages/design-playbook说明文档
阅读完整 README ↗design-playbook
Agent plugin: Design I/O for product UI (Claude Code / Codex).
Declarations + contracts — not a style CSV pack. Compose with ui-ux-pro-max and Anthropic frontend-design for aesthetics; this package owns pipeline and acceptance.
Install (Claude Code)
Path of record (published) - the marketplace catalog lives at the repo root, not in this package:
/plugin marketplace add https://github.com/Bandersnatch0x/design-playbook.git
/plugin install design-playbook@design-playbook
Local dev / self-test:
claude --plugin-dir /packages/design-playbook # dev load, no install
# or local marketplace (point at the repo root, where the catalog lives)
/plugin marketplace add
/plugin install design-playbook@design-playbook
Install (Codex)
Same GitHub repo / monorepo root catalog. Codex-native manifest lives at .codex-plugin/ (MCP uses relative paths).
codex plugin marketplace add Bandersnatch0x/design-playbook
codex plugin add design-playbook@design-playbook
Local monorepo:
codex plugin marketplace add
codex plugin add design-playbook@design-playbook
Details + skills-only fallback: codex/AGENTS.md.
After install, skills and commands are namespaced by the plugin name:
| Invoke | Role |
|---|---|
/design-playbook:design-playbook | Orchestrator skill (model-invoked) |
/design-playbook:design-baseline | Discover/validate/draft the project DESIGN.md baseline |
/design-playbook:reference-intake | Reference contract skill (screenshot/URL/analogy) |
/design-playbook:ux-spec |