figma-generate-design
OfficialTurn an app page or layout description into a Figma screen composed of your design system components.
Agent & orchestration
Turn a fuzzy intention into a concrete, measurable goal before work begins.
Get a concrete, measurable objective from a vague request: named artifact, verification method, scope boundaries, and a stop condition for asking the user. The skill rewrites weak goals into measurable ones, asks one focused clarification when a rewrite would risk the wrong outcome, checks for an active goal via get_goal to avoid duplicates or conflicts, and only then calls create_goal. Scope is goal definition and goal-tool creation only; planning snapshots, decision logs, ledgers, and resume files are out of scope.
Shape the user's intent into an objective an agent can pursue honestly. Prefer measurable outcomes, explicit evidence, and bounded scope over activity descriptions.
This skill covers goal definition and goal-tool creation only. Do not create intermediate planning artifacts, durable snapshots, ledgers, decision logs, or resume files from this skill.
Confirm that goal definition is actually needed.
$define-goal, asks to create or set a goal, asks for the goal tool, or wants help turning an intention into a clear objective.Restate the likely goal in concrete terms. A usable goal names:
Make it quantitative when the domain supports it. Prefer numbers that represent real success, not decorative precision:
Repair weak goals before setting them.
Check active goal state before creating a goal.
get_goal.create_goal.Create the goal only after it passes the quality bar.
create_goal for an ordinary multi-step task unless the user explicitly asked for goal-backed work.Before create_goal, the objective should answer:
Good:
Reduce checkout API p95 latency below 250 ms for the documented slow path by making the smallest safe server-side change, then verify with
npm run test:checkoutand the existing local latency benchmark showing p95 under 250 ms across 3 consecutive runs.
Good:
Resolve the open review comments on PR 123 that request code changes, update only the affected auth files and tests, and verify with the targeted auth test command plus
gh pr view 123showing no unresolved change-request threads.
Weak:
Make checkout faster.
Weak:
Keep investigating the PR comments.
Ask only when a reasonable rewrite would risk pursuing the wrong outcome. Keep the question short and oriented around the missing validator or scope boundary.
Useful question shapes:
If the user cannot provide a metric, propose the most honest binary validator available and ask for confirmation.
Turn an app page or layout description into a Figma screen composed of your design system components.
Build a professional-grade Figma design system from your codebase through structured, checkpoint-driven phases.
Generate or edit raster images with a built-in image tool, plus an explicit CLI fallback.
Get cited, current answers from OpenAI's developer docs for building with OpenAI products and APIs.
Map Git-derived security ownership, identify low-bus-factor and stale sensitive code, and export graph-ready artifacts.
Bootstrap and verify WinUI 3 apps with grounded setup, implementation, and launch guidance.