recipe-front-adjust
Adjust an already-implemented UI in-session with verification against the design source
npx skills add shinpr/claude-code-workflows --skill recipe-front-adjust --agent claude-code
Same command for any agent — swap --agent for codex, cursor, copilot.
Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.
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): external-resource hearing via AskUserQuestion, write-set confirmation, scale judgment, adjustment edits, verification against the design source, iteration until acceptance. 3. **Stop at every `[Stop: ...]` marker** before proceeding. ## Initial Mandatory Tasks **Task Registration**: Before Step 1, register the recipe's execution flow using TaskCreate so progress is trackable. Register Steps 1-7 below as individual tasks plus a final task "Verify completion against Completion Criteria". Update status using TaskUpdate as each step starts and completes. ## Workflow Overview ``` Adjustment request → conditional extern
- Execution Pattern
- Initial Mandatory Tasks
- Workflow Overview
- Scope Boundaries
- Execution Flow
- Step 1: External Resource Hearing
- Step 2: Determine the Route and Write Set
- Step 3: Scale Judgment
- Step 4: Adjustment Context
- Step 5: Adjustment + Verification (parent session)
- Step 6: Quality Verification (per adjustment unit)
- Step 7: Commit (per adjustment unit)
- Completion Criteria
- Output Example
What does the recipe-front-adjust skill do?
Adjust an already-implemented UI in-session with verification against the design source
How do I install it?
Run `npx skills add shinpr/claude-code-workflows --skill recipe-front-adjust --agent claude-code` — it drops the skill into your project so the agent can pick it up. Swap the --agent value for codex, cursor or copilot if you use one of those.
Where does this skill come from?
From shinpr/claude-code-workflows, a repository with 664 stars. We read it straight from the repository tree rather than a submitted listing, so what you see here is what is actually published.
Is a popular skill a good skill?
Not necessarily. Stars measure attention, not adoption — a repository can trend for a week and be abandoned. That is why we show the weekly change from our own snapshots next to the total, instead of a single flattering number.