# 01 Plan

> Generate technical implementation plans, define component behaviors, and extract design details from images.

- **Type:** Skill
- **Install:** `agentstack add skill-ai-driven-dev-framework-01-plan`
- **Verified:** Yes — security-reviewed for prompt injection and unsafe behavior
- **Seller:** [ai-driven-dev](https://agentstack.voostack.com/s/ai-driven-dev)
- **Installs:** 0
- **Category:** [Agent Skills](https://agentstack.voostack.com/c/agent-skills)
- **Latest version:** 0.1.0
- **License:** MIT
- **Upstream author:** [ai-driven-dev](https://github.com/ai-driven-dev)
- **Source:** https://github.com/ai-driven-dev/framework/tree/main/plugins/aidd-dev/skills/01-plan
- **Website:** https://www.ai-driven-dev.fr/

## Install

```sh
agentstack add skill-ai-driven-dev-framework-01-plan
```

Requires the [AgentStack CLI](https://agentstack.voostack.com/docs/cli). Works with Claude Code, Cursor, and any MCP-compatible agent.

## About

# 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.

## Actions

- `@actions/01-plan.md`
- `@actions/02-components-behavior.md`
- `@actions/03-image-extract-details.md`

## References

- `@references/plan-status.md` - plan lifecycle `status` values, meaning, and who writes each. All actions inherit it; do not re-specify the table elsewhere.

## Source & license

This open-source skill is cataloged on AgentStack and links to its original source — we do not rehost the code.

- **Author:** [ai-driven-dev](https://github.com/ai-driven-dev)
- **Source:** [ai-driven-dev/framework](https://github.com/ai-driven-dev/framework)
- **License:** MIT
- **Homepage:** https://www.ai-driven-dev.fr/

Install and usage instructions live in the source repository linked above.

## Pricing

- **Free** — Free

## Security capabilities

Automated source analysis of v0.1.0 — what this tool can access:

- **Network access:** no
- **Filesystem access:** no
- **Shell / process execution:** no
- **Environment & secrets:** no
- **Dynamic code execution:** no

*"Yes" means the capability is present in the source — more access means more to trust, not that it is unsafe.*


## Versions

- **0.1.0** — security scan: passed — Imported from the upstream source.

## Links

- Listing page: https://agentstack.voostack.com/l/skill-ai-driven-dev-framework-01-plan
- Seller: https://agentstack.voostack.com/s/ai-driven-dev
- Browse the marketplace: https://agentstack.voostack.com/browse

---
Listed on AgentStack — the marketplace for AI agent skills and MCP servers. Every listing is security-reviewed. Creators keep 70%.