MCP App StoreMCP App Store
from orchestkit186
Turn a Claude Design handoff URL or bundle into a reviewable GitHub PR with generated Storybook stories, Playwright tests, and before/after verification.
Design Ship automates the full pipeline from a Claude Design handoff (URL or JSON bundle) to an actionable GitHub pull request. It imports the bundle, scaffolds components, generates Storybook stories and Playwright E2E tests, runs diff-aware browser verification to capture before/after screenshots, and opens a PR with a detailed body including coverage deltas and provenance. The goal is a single-command workflow: design URL in, reviewable PR out.
Use this skill when a designer or product manager provides a Claude Design handoff and you want an end-to-end automated PR that adds components, tests, and visual verification without manual drafting. Ideal for teams that accept design exports and want a reproducible, reviewable dev handoff.
Best paired with Claude Code / Claude-design-orchestrator agents and CI that runs generated tests. It assumes availability of typical dev tools (git, gh CLI) and a Node/React codebase for Storybook and Playwright.
Design-ship is an orchestration skill that turns a Claude Design handoff URL into a reviewable GitHub PR through a 5-phase pipeline (import, cover, expect, create-PR, update-provenance). No bundled scripts to run — it's a pure SKILL.md that delegates to other skills. Well-structured with clear failure modes and explicit scope boundaries. Requires Claude Code 2.1.148+ and several companion skills (design-import, cover, expect, create-pr), making it useful only within the OrchestKit ecosystem.
No scripts present — static analysis only. SKILL.md is well-written with comprehensive frontmatter, clear phase documentation, failure-mode table, and composition map. The PR body template uses f-string interpolation which could be a shell injection vector if bundle IDs contain special characters, but this is agent-mediated (not direct user input). No auto-merge — humans review and merge PRs, which is good safety practice.
Cross-Project Analytics
Query local, privacy-safe cross-project analytics to report on agent, skill, hook, and team performance; replay sessions and estimate token costs.
Task Dependency Patterns
Patterns and workflows for creating, sequencing, and managing task dependencies using TaskCreate/TaskUpdate/TaskGet/TaskList tools to coordinate multi-step impl
Review PR
Deep pull-request code review using parallel specialized agents (quality, security, tests, architecture, performance) and synthesized review reports for approve
Write PRD (Product Requirements Document)
Generate an 8-section Product Requirements Document with user stories, INVEST-formatted acceptance criteria, and go/no-go criteria to turn product vision into e
Telemetry Inspect
Run a read-only health check of OrchestKit's telemetry pipeline: writer activity, file sizes, schema lock coverage, orphan files, and growth trends.
Dream — Memory Consolidation
Automated nightly memory consolidation: prunes stale memory files, merges duplicates, resolves contradictions, and rebuilds MEMORY.md indexes with deterministic
Responsive Patterns
Practical patterns for responsive UI: container queries, fluid typography, intrinsic layouts, and foldable-device support for React components.
Verify
Run comprehensive verification: parallel agents for tests, security, coverage, grading and improvement suggestions; produces evidence-backed verification report
Clerk Vue Patterns
Vue 3 integration patterns for Clerk: composables, router guards, and Pinia auth store integration.
React Development Expert
Provides authoritative React guidance on hooks, state patterns, Server Components, performance optimization, and common architectural patterns.
ClearShot — Screenshot UI Analysis
Structured UI screenshot analysis using a 5×5 spatial grid, full element inventory, and design system extraction. Escalates to full implementation blueprint whe
Colorize — Strategic UI Color Introduction
Introduce purposeful color to monochromatic interfaces to improve hierarchy, meaning, and visual engagement while preserving accessibility.
DAUB UI
A drop-in CSS+JS component library with 70+ carefully designed components and 20 theme families for fast, consistent UI building.
dotLottie Web
Guidelines and patterns for implementing performant dotLottie/Lottie animations on the web (vanilla JS and React), including workers, state machines, and themin
React Context Setup
Automates guidance and code patterns for setting up React Context, providing step-by-step configuration and best-practice examples for frontend projects.
Angular Migration
Guides developers through migrating AngularJS (1.x) apps to modern Angular (2+), with hybrid ngUpgrade approaches, component/service conversions, DI strategies,