design-bridge

Plugin design-bridge from marketplace dmajima-claude-plugins in dmajima/claude-plugins. Commands read from the repo's manifest — 3 days ago.

Skills (5)

• bridge-init

  design-bridge をリポジトリへ導入するスキル（specs/ mocks/ 構成の作成・.claude/design-bridge.json 生成・claude.ai/design プロジェクトとの紐付け・スクショ用 venv 構築）。「design-bridge を導入して」「画面設計書とデザインを連動させたい」等の依頼で起動する。Use when setting up design-bridge in a repo. SKIP when 反映（bridge-push）、取り込み（bridge-pull）、状態確認（bridge-status）。

• bridge-mock

  Markdown 画面設計書とトンマナ・基礎レイアウトから画面モック HTML を生成するスキル（mocks/ 配下に @dsCard マーカー付きで作成）。「ログイン画面のモックを作って」「設計書からモックを起こして」「トンマナを作って」等の依頼で起動する。Use when generating a screen mock from a Markdown spec. SKIP when 反映（bridge-push）、導入（bridge-init）。

• bridge-pull

  claude.ai/design 側の内容でローカルのモック HTML を最新化するスキル（リモートとの照合 → 差分提示 → 承認を得て更新）。「Claude Design の変更を取り込んで」「デザイン側を正として戻して」等、ユーザーが取り込みを明示的に指示したときだけ起動する。Use when the user explicitly asks to pull from claude.ai/design. SKIP when 反映（bridge-push）、状態確認（bridge-status）。

• bridge-push

  ローカルの画面設計書とモックを claude.ai/design へ反映するスキル（スクショ再生成・画面イメージ更新・DesignSync での push・未反映記録の解除）。「Claude Design に反映して」「デザインを同期して」等で起動し、Stop フックのブロック解除にも使う。Use when pushing local specs and mocks to claude.ai/design. SKIP when 取り込み（bridge-pull）、導入（bridge-init）、本番サーバーからの資産取り込み（別プラグインの design-sync）。

• bridge-status

  画面設計書・モックの未反映一覧と claude.ai/design とのドリフトを表示するスキル（pending.tsv の読み出しと last-push.json を基準にしたリモート照合）。「デザインのずれを確認して」「未反映を見せて」等の依頼で起動する。読み取りのみで変更しない。Use when checking sync status with claude.ai/design. SKIP when 反映（bridge-push）、取り込み（bridge-pull）。

Slash commands (5)

• /design-bridge:design-init

  design-bridge をリポジトリへ導入し画面設計とデザインを連動させる

• /design-bridge:design-mock

  画面設計書とトンマナから画面モック HTML を生成

• /design-bridge:design-pull

  claude.ai/design の変更をローカルのモックへ取り込み

• /design-bridge:design-push

  ローカルの画面設計書・モックを claude.ai/design へ反映

• /design-bridge:design-status

  設計書・モックと claude.ai/design の同期状況を表示

Hooks (2)

• PostToolUse

  bash "${CLAUDE_PLUGIN_ROOT}/references/scripts/hooks/mark_design_dirty.sh"

• Stop

  bash "${CLAUDE_PLUGIN_ROOT}/references/scripts/hooks/block_unsynced_design.sh"

Similar plugins