ui-bridge

Installation
SKILL.md

UI Bridge

UI Bridge transforms Spec Kit planning artifacts into production-quality, self-contained HTML prototypes that can be shown to clients immediately and used by developers as pixel-perfect implementation references.

It sits between /speckit-tasks and /speckit-implement in the Spec Kit workflow.


Commands

Claude Code uses slash commands. Codex uses the matching alias skills installed from .codex/skills/:

  • $ui-plan
  • $ui-implement
  • $ui-link-html-to-plan
  • python scripts/approve_brand.py --proposal A --root .
Installs
6
GitHub Stars
2
First Seen
Jun 19, 2026
ui-bridge — yousefabdallah171/ui-gernreate-from-plan