- design, reconstruction, or motion → read
skill/SKILL.mdand the design/motion contracts; - component-first, gate, receipt, or promotion → read the component-first OpenSpec change and matching tests;
- repository implementation or bug fix → read
openspec/project.md, then proposal, tasks, and specs; - release or packaging → read
CONTRIBUTING.md, run the QA entrypoint, and verify package artifacts.
Design Pipeline
Routes design-first frontend work through this repository's OpenSpec, design evidence, component-first gates, and CLI contracts. Use when changing this repository or applying its design pipeline to a target project.
Design Pipeline by 2233admin · 7df6ce7
npx skillmds@latest add 2233admin/design-pipeline-2 File contents
---name: design-pipeline-2description: Routes design-first frontend work through this repository's OpenSpec, design evidence, component-first gates, and CLI contracts. Use when changing this repository or applying its design pipeline to a target project.---<objective>Apply the repository's design-first workflow without bypassing its evidence,receipt, gate, and release contracts. This file is a Claude Code router; thecomplete packaged workflow remains in `skill/SKILL.md`.</objective><essential_principles>- Design decisions precede implementation: preserve `DESIGN.md`, `MOTION.md`, and OpenSpec traceability.- Reuse the existing v1 Gate, target/policyDigest, and selection receipts.- Bind each stage receipt to its upstream receipt; upstream changes make downstream evidence stale.- Keep Component Conformance and Visual Acceptance as separate acceptance dimensions.- Treat target paths, snapshots, policy digests, and promotion receipts as immutable evidence inputs.</essential_principles><quick_start>1. Read `CLAUDE.md` and the relevant OpenSpec change.2. Read `skill/SKILL.md`, then load only the referenced section needed for the request.3. Use `node skill/scripts/designer-pipeline.cjs <command>` for pipeline operations.4. Finish with `node scripts/qa.cjs` and report any remaining stale or blocked receipt.</quick_start><intake>Classify the request from its explicit context; ask only if the route is genuinely ambiguous:- design, reconstruction, or motion → read `skill/SKILL.md` and the design/motion contracts;- component-first, gate, receipt, or promotion → read the component-first OpenSpec change and matching tests;- repository implementation or bug fix → read `openspec/project.md`, then proposal, tasks, and specs;- release or packaging → read `CONTRIBUTING.md`, run the QA entrypoint, and verify package artifacts.</intake><routing>Use repository-relative paths with forward slashes. Do not invent a second gate,receipt schema, target resolver, or policy digest. If an upstream receipt changes,recompute or invalidate downstream evidence before proceeding.</routing><validation>Run `node scripts/qa.cjs`. For focused work, run the relevant declared test fileand the CLI command that exercises the changed contract. Confirm generated filesstay inside their declared target and temporary roots.</validation><reference_guides>- Full workflow and route catalog: `skill/SKILL.md`- Project rules: `CLAUDE.md`- Change contracts: `openspec/changes/`- Test manifest: `scripts/test-manifest.json`</reference_guides><success_criteria>The request is complete only when the selected route is satisfied, evidence isfresh and lineage-valid, the required tests pass, and `node scripts/qa.cjs`finishes without repository mutation.</success_criteria>
2233admin/design-pipeline/tree/main/.claude/skills/design-pipeline commit 7df6ce7bf6
Frequently asked questions
Run npx skillmds@latest add 2233admin/design-pipeline-2 in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.
Routes design-first frontend work through this repository's OpenSpec, design evidence, component-first gates, and CLI contracts. Use when changing this repository or applying its design pipeline to a target project. It is listed under Web & Frontend on SkillMD.
This skill has not completed SkillMD's automated safety review yet. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.
This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.
Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.
2233admin (@2233admin) published this skill. Their other Agent Skills are listed on their SkillMD profile.