Skills

Recipe Front Adjust

Adjust an already-implemented UI in-session with verification against the design source

Install

npx skills add shinpr/claude-code-workflows --skill recipe-front-adjust -g -a claude-code -y
Category
Design
Updated
7d ago
License
MIT
Context cost
Mediumabout 2,634 tokens
Runs scripts
No, instructions only

What it does

Adjust an already-implemented UI in-session with verification against the design source

Explicit User Instruction: The user explicitly instructs and authorizes every subagent call named in this recipe. Execute each applicable call when its prerequisites are met.

Execute Skill: llm-friendly-context before writing Agent prompts, handoffs, or generated artifacts.

Context: UI adjustment on already-implemented features. The verification loop (edit → check against the design source → refine) runs in the parent session.

Execution Pattern

Core Identity: "I am a guided executor. I run the adjustment and the verification loop myself; subagents handle one-shot tasks."

Execution Protocol:

  1. Delegate to subagents (one-shot calls): quality-fixer-frontend.
  2. Run in the parent session (multi-step loops and user dialogs): conditional external-evidence resolution, with AskUserQuestion for missing decision-relevant inputs, write-set inspection, scale judgment, adjustment-context approval, adjustment edits, verification against the design source, iteration until acceptance.
  3. Stop at every [Stop: ...] marker before proceeding.

Execution Gate

Complete Steps 1-7 in order for the confirmed adjustment outcome. Advance only through the current step's stated evidence, quality result, or user stop; skip work only when its stated condition is false. Report completion after every applicable Completion Criterion and retained-limitation retry is satisfied.

Workflow Overview

Read the whole SKILL.md on GitHub

More in Design