From Designer Workflow
Use after plan-and-spec to build a planned change to completion. Scales to size: a small single-issue change is built directly (one story, verify, one PR); a new/large epic is walked one child story at a time (build via design, verify in a browser, open one PR per story), then reports. Triggered by plan-and-spec ONLY after the user has confirmed the FILED GitHub issue is correct; or use directly when a spec (/docs/plan) and a filed, user-approved issue already exist. Execution only — it does not plan or file issues.
How this skill is triggered — by the user, by Claude, or both
Slash command
/designer-workflow:goal-loopThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
The **goal** is an epic (from `plan-and-spec`) plus its acceptance criteria. The **loop** walks the
The goal is an epic (from plan-and-spec) plus its acceptance criteria. The loop walks the
epic's child-story issues one at a time and builds each to a verified, reviewable PR. You keep
going autonomously until every story is green, then report once at the end.
Think as an engineer, speak as a designer/PM. You build like a full-stack engineer; you report per story in plain language ("Submit-a-brief is built and running — here's the walkthrough and a PR").
This skill is execution only. It does not clarify, spec, or file issues — plan-and-spec did
that. It assumes the spec (/docs/plan/<slug>.md) and the epic + child issues already exist.
goal-loop builds real apps with real assets, so the workflow's Higgsfield hard-gate applies here.
Before the first story, verify the Higgsfield MCP is connected and the user is signed in by calling
a read-only Higgsfield tool — balance (preferred) or list_workspaces.
Returns a balance/workspaces → proceed.
Missing, or auth/unauthorized/connection error → STOP. Don't build. Tell the user, plainly:
"Before I start building I need Higgsfield connected — it makes all the images and icons. Just sign in: run
/mcp, pick higgsfield → Authenticate, and log in in the browser. Tell me once it shows connected and I'll pick up the build."
Confirm there is something to build and that the user already blessed the filed issue (that gate
lives in plan-and-spec §④ — don't re-ask, but don't build an issue that was never confirmed):
/docs/plan/<slug>.md.change issue (small change) OR an epic + open story children
(gh issue list --label "story,change" / read the epic's checklist).plan-and-spec first.Scale to the work: if it's a single small-change issue, treat it as one short story — build it directly, verify, open one PR, done. Only walk a multi-story loop when there's an epic with children.
Read .designer-workflow/config.md for the sandbox location and the off-limits / production
boundary. Every story is built inside the sandbox; the boundary is hard (see §3).
for each open child story, in the spec's build order:
① pick the next open story (respect dependencies: schema → auth → UI → per-user filtering)
② build invoke `design` to build just that story (backend / UI / assets / wire), in the sandbox
③ verify invoke `verify-in-browser` — core flow, access rule, console + network, mobile + desktop
④ land one PR for this story (commit-push-pr) that CLOSES its issue; check the epic's box
⑤ next move to the next story
↑ repeat until every child story is shipped
→ REPORT once: goal met, list every PR + walkthrough
Take the next open child issue following the build order in the spec (§10) — dependencies
first (schema before the UI that reads it; auth before "only my team" filtering). One story per turn.
designInvoke the design skill to build just this one story, scoped to its Story → implementation
map section of the spec. design assembles the backend (supabase-integration), UI
(frontend-design / impeccable), and assets (higgsfield-assets), and wires it — all inside the
sandbox branch/app. Build only what this story needs; don't pull future stories forward.
verify-in-browser (every story, no exceptions)Invoke verify-in-browser. A story is not done until you've watched it run: the core flow
completes, the access rule holds (positive AND negative case), console + network are clean, and you've
captured a mobile + desktop walkthrough. If it fails, fix it in the sandbox and re-verify —
never land a broken story.
Open one PR for this story via commit-commands:commit-push-pr (or qa-check for the branch/commit/PR mechanics). The PR:
main.Closes #NN in the PR body.Then check that story's box in the epic checklist (gh issue edit / let the close auto-tick it) and
tell the user, in one plain line, that this piece is built and open for review.
Move to the next open story. When none remain, report once.
After the go-ahead (the user's "the plan is correct" in plan-and-spec, or a direct invocation), run
autonomously through all stories — do not pause for approval between stories. Give a short
plain-language line as each story lands so the user can follow along, but don't wait.
Stop early and ask only when:
Otherwise: keep building. Don't invent extra confirmation gates — the single human gate was the plan
approval in plan-and-spec.
Running unattended makes isolation more important, not less. Every story is built inside the new app's own workspace/branch and its own Supabase project/branch.
.env*;
auth/billing of an existing system; .understand-anything*/ KG files.If a story requires an out-of-sandbox change, do not reach out. Write a dev-handoff note
(../design/references/dev-handoff-template.md), skip just that story, continue the rest, and surface
the handoff in the final report. Handing off is success, not failure.
When the goal is met (or as far as the sandbox allows), report once, plainly:
"All done. I built and tested every piece on phone and desktop: • Submit a brief — built, running, PR open. • See the board — built, running, PR open. • Move a brief — built, running, PR open. • Only-my-team — built, running, PR open (checked one account can't see another's). Each piece has its own review link. One piece needs a developer because it touches our real data — I've written up exactly what's needed."
List the PRs/walkthroughs. Keep raw logs and engineer detail in the PRs, never in chat.
main.| Need | Reuse |
|---|---|
| The plan/spec + epic/child issues (input) | plan-and-spec (runs before this) |
| Build one story full-stack | design skill (→ supabase-integration, frontend-design, impeccable) |
| Brand-locked assets per story | higgsfield-assets skill + higgsfield MCP |
| Verify each story (mobile+desktop, console+network) | verify-in-browser skill |
| One PR per story | commit-commands:commit-push-pr, qa-check |
| Out-of-sandbox → handoff, not breach | ../design/references/dev-handoff-template.md |
Guides creation, editing, and verification of skills for AI coding agents using test-driven development with subagent scenarios. Use when authoring or debugging skills.
npx claudepluginhub potenlab/designer-workflow --plugin designer-workflow