mirror of
https://github.com/garrytan/gstack.git
synced 2026-05-15 16:52:14 +08:00
e7816fc5ad
Generates a self-contained HTML page showing all prior design explorations for a project: every variant (approved or not), feedback notes, organized by date (newest first). Images embedded as base64. Handles corrupted approved.json gracefully (skips, still shows the session). Empty state shows "No history yet" with /design-shotgun prompt. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
83 lines
3.0 KiB
TypeScript
83 lines
3.0 KiB
TypeScript
/**
|
|
* Command registry — single source of truth for all design commands.
|
|
*
|
|
* Dependency graph:
|
|
* commands.ts ──▶ cli.ts (runtime dispatch)
|
|
* ──▶ gen-skill-docs.ts (doc generation)
|
|
* ──▶ tests (validation)
|
|
*
|
|
* Zero side effects. Safe to import from build scripts and tests.
|
|
*/
|
|
|
|
export const COMMANDS = new Map<string, {
|
|
description: string;
|
|
usage: string;
|
|
flags?: string[];
|
|
}>([
|
|
["generate", {
|
|
description: "Generate a UI mockup from a design brief",
|
|
usage: "generate --brief \"...\" --output /path.png",
|
|
flags: ["--brief", "--brief-file", "--output", "--check", "--retry", "--size", "--quality"],
|
|
}],
|
|
["variants", {
|
|
description: "Generate N design variants from a brief",
|
|
usage: "variants --brief \"...\" --count 3 --output-dir /path/",
|
|
flags: ["--brief", "--brief-file", "--count", "--output-dir", "--size", "--quality", "--viewports"],
|
|
}],
|
|
["iterate", {
|
|
description: "Iterate on an existing mockup with feedback",
|
|
usage: "iterate --session /path/session.json --feedback \"...\" --output /path.png",
|
|
flags: ["--session", "--feedback", "--output"],
|
|
}],
|
|
["check", {
|
|
description: "Vision-based quality check on a mockup",
|
|
usage: "check --image /path.png --brief \"...\"",
|
|
flags: ["--image", "--brief"],
|
|
}],
|
|
["compare", {
|
|
description: "Generate HTML comparison board for user review",
|
|
usage: "compare --images /path/*.png --output /path/board.html [--serve]",
|
|
flags: ["--images", "--output", "--serve", "--timeout"],
|
|
}],
|
|
["diff", {
|
|
description: "Visual diff between two mockups",
|
|
usage: "diff --before old.png --after new.png",
|
|
flags: ["--before", "--after", "--output"],
|
|
}],
|
|
["evolve", {
|
|
description: "Generate improved mockup from existing screenshot",
|
|
usage: "evolve --screenshot current.png --brief \"make it calmer\" --output /path.png",
|
|
flags: ["--screenshot", "--brief", "--output"],
|
|
}],
|
|
["verify", {
|
|
description: "Compare live site screenshot against approved mockup",
|
|
usage: "verify --mockup approved.png --screenshot live.png",
|
|
flags: ["--mockup", "--screenshot", "--output"],
|
|
}],
|
|
["prompt", {
|
|
description: "Generate structured implementation prompt from approved mockup",
|
|
usage: "prompt --image approved.png",
|
|
flags: ["--image"],
|
|
}],
|
|
["extract", {
|
|
description: "Extract design language from approved mockup into DESIGN.md",
|
|
usage: "extract --image approved.png",
|
|
flags: ["--image"],
|
|
}],
|
|
["gallery", {
|
|
description: "Generate HTML timeline of all design explorations for a project",
|
|
usage: "gallery --designs-dir ~/.gstack/projects/$SLUG/designs/ --output /path/gallery.html",
|
|
flags: ["--designs-dir", "--output"],
|
|
}],
|
|
["serve", {
|
|
description: "Serve comparison board over HTTP and collect user feedback",
|
|
usage: "serve --html /path/board.html [--timeout 600]",
|
|
flags: ["--html", "--timeout"],
|
|
}],
|
|
["setup", {
|
|
description: "Guided API key setup + smoke test",
|
|
usage: "setup",
|
|
flags: [],
|
|
}],
|
|
]);
|