Generate technical implementation plans, define component behaviors, and extract design details from images.
Installation
Mit Codex oder Claude installieren Kopieren Sie diesen Prompt, fügen Sie ihn in Codex, Claude oder einen anderen Assistant ein und lassen Sie die Skill-Seite prüfen und installieren.
Generate technical implementation plans, define component behaviors, and extract design details from images.
model
opus
context
fork
agent
planner
Skill: plan
Produces implementation plans from requirements, state machines for component behavior, and structured component inventories from design images.
Agent delegation
Spawn the planner agent to execute this skill. For tools that do not support context: fork frontmatter: invoke the planner agent explicitly with this skill's content as the prompt.
Available actions
#
Action
When to use
01
plan
Turn requirements into a technical implementation plan saved to a task file
02
components-behavior
Define a frontend component's behavior as a state machine (Mermaid)
03
image-extract-details
Analyze a design image into a hierarchical component inventory
Routing (run first)
The planner auto-adapts to the INPUT - do not ask the user to choose. Detect the input type and route; do NOT always fall to action 01.
A design image or mockup is provided -> 03-image-extract-details (then feed the inventory into planning).
The request is about a frontend component's behavior, states, or transitions -> 02-components-behavior.
Anything else (requirements, a feature to build) -> 01-plan.
Actions may chain (e.g. extract from image, then plan). Read and follow each selected action file.
