design-ship

# Design Ship One command: Claude Design handoff URL → reviewable GitHub PR. ```bash design-ship https://claude.ai/design/abc123 # From handoff URL design-ship /tmp/handoff-bundle.json # From local file ``` ## When to use You have a Claude Design handoff URL (or file) and want a PR opened against the current branch. No intermediate steps, no manual test generation, no manual PR drafting. For just-the-import (no tests, no PR), use `design-import` instead. ## Pipeline ``` Handoff bundle (URL or file) │ ▼ ┌──────────────────────────────┐ │ 1. design-import │ Scaffold components, write provenance │ (delegates to orchestrator │ Tokens reconciled │ for parse + dedup) │ Components written or reused └──────────┬───────────────────┘ │ ▼ ┌──────────────────────────────┐ │ 2. cover │ Storybook stories per new component │ (Storybook + Playwright) │ Playwright E2E for new routes/views └──────────┬───────────────────┘ │ ▼ ┌──────────────────────────────┐ │ 3. expect │ Diff-aware browser verification │ (CDP + ARIA-tree-first) │ Screenshots saved for PR body └──────────┬───────────────────┘ │ ▼ ┌──────────────────────────────┐ │ 4. create-pr │ PR opened with: │ │ - Claude Design URL link │ │ - Before/after screenshots │ │ - C...