design-bridge

Installation
SKILL.md

Design Bridge

Runtime companion. Lives between DESIGN.md and findings.md.

When you (Claude) should run this skill

You are running this skill when ANY of the following is true:

  1. The active phase in task_plan.md mentions UI keywords (button, card, modal, layout, color, typography, spacing, dialog, navigation, form, input, page, screen, theme, brand, design, component, header, footer, sidebar, hero, cta).
  2. The user just asked you to build, change, or review a UI element.
  3. The PreToolUse hook fired before a Write or Edit against a file matching *.tsx|*.jsx|*.vue|*.svelte|*.html|*.css|*.scss.
  4. The user explicitly ran /mddesign:inject.

What to do

Step 1: Detect DESIGN.md

  • Glob for DESIGN.md at the project root (CWD).
  • If absent, do nothing. Surface a one-line note ONLY if the user explicitly invoked the skill: "No DESIGN.md found at project root. Run /mddesign:harvest to generate one from your codebase."
Installs
1
GitHub Stars
10
First Seen
Jun 5, 2026
design-bridge — othmanadi/mddesign