Wiring diagram-design into Claude Code: a hands-on SOP
A hands-on SOP for wiring the diagram-design diagram skill pack into a daily coding workflow, with commands taken verbatim from the project's official README. It runs in seven steps: first what the pack does and does not solve; then a per-host install and update command table (Claude Code's /plugin marketplace add and /plugin install, Codex's codex plugin marketplace add and plugin add, the copilot plugin family for GitHub Copilot, the droid plugin family with --scope user for Factory Droid, pi install plus /reload for Pi, a subdirectory URL import for Kiro, and a directory copy or symlink for OpenCode); then the first-run gate, which stops to ask when the default skin is untouched, and brand onboarding, which reads your site for palette and fonts, maps them to semantic tokens, checks WCAG AA contrast and emits a fidelity receipt; then drawing and self-check, with three copy-paste natural language prompts, the official six criteria for it working, and self_check.py printing OK as the pass condition; then export and import, covering the four dials, the diagram-only boundary, and what a fidelity ledger looks like; and multi-client brand isolation via named profiles plus a .diagram-design marker file. The seventh section is a ten-item pitfall table with symptom and cause for each: Claude Code disables auto-update by default for third-party marketplaces, Factory Droid tracks plugins by commit rather than manifest version, Pi has no auto refresh and needs pi update --extensions, Kiro copies rather than links, OpenCode copied installs never self-update, a legacy standalone npx skills add copy will not follow the Codex marketplace, a customized style-guide.md can be overwritten by package updates, the first PNG export fails without Playwright and Chromium, readers assume exports include the full layout, and motion HTML screenshots capture an intermediate frame. The core claim: the real barrier is not installation but update paths and output boundaries, and the fact that the official README spells out update commands per host is itself the signal that cross-host skill distribution and upgrades still have no unified answer.