plan

Convert UI change inputs into capture-plan.json and manifest.json.

1|Updated May 19, 2026
One-click install
npx skills add https://github.com/edonghyun/donghyuns-agent-tools --skill plan-edonghyun
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: plan
Source: https://github.com/edonghyun/donghyuns-agent-tools/tree/main/plugins/ui-operator/skills/plan
Command: npx skills add https://github.com/edonghyun/donghyuns-agent-tools --skill plan-edonghyun

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill turns messy UI change inputs into a structured capture plan so teams can see which pages, screens, modals, and states need evidence before capture begins.

Core Features & Use Cases

  • Affected Surface Mapping: Converts diffs, changed files, route lists, PR notes, or local session context into a coverage plan.
  • Parity-Aware Planning: Adds requirement-level evidence pairs when a product note, screenshot, or spec must be compared against the current UI.
  • State Coverage: Includes default page states plus modals, drawers, dropdowns, tabs, filters, loading, error, empty, and responsive conditions when relevant.
  • Deterministic Outputs: Produces only a manifest and capture plan for downstream capture workflows without changing application code or QA artifacts.

Quick Start

Ask the plan skill to turn your UI diff, session id, or route list into a capture plan and manifest for the affected screens.

Frequently Asked Questions about plan

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I map a UI diff into a screenshot coverage plan?

To map a UI diff into a screenshot coverage plan, you input changed files, route lists, or PR notes. The tool then converts these into a structured capture plan and manifest, identifying affected pages, modals, and state recipes for visual evidence.

What is requirement parity review in UI capture planning?

Requirement parity review in UI capture planning compares a product note or spec against the current UI. It generates evidence pairs within the capture plan, ensuring the baseline and current states are documented for deterministic route and screen coverage.

Can I generate a capture plan from a local Codex session?

Yes, you can generate a capture plan from a local Codex session. The tool maps local session context, alongside web, native mobile, and branch diff scenarios, into a deterministic manifest requiring explicit viewports and state recipes.

How do I plan screenshot coverage for mobile web and native mobile states?

Plan screenshot coverage for mobile web and native mobile by providing route lists or diffs. The tool outputs a capture plan covering default states, drawers, loading, error, and empty conditions, requiring explicit devices and viewports for deterministic results.

What outputs does a UI capture planning tool produce?

A UI capture planning tool produces only a capture-plan.json and manifest.json file. These deterministic outputs map affected UI surfaces and state recipes for downstream workflows without altering application code or generating QA artifacts.

Do I need to specify viewports and devices for a UI capture plan?

Yes, you need to specify explicit viewports or devices for a UI capture plan. The tool requires deterministic route or screen coverage, state recipes, and confidence notes to accurately map affected surfaces like modals, drawers, and responsive conditions.