Tech Plan — Engineering Companion
Architecture decisions and an ordered task list — ready for your coding agent.
The Tech Plan agent reads every upstream artifact — PRD, app structure, wireframes — plus your backend repository. It produces two things: an architecture overview explaining key decisions, and an implementation task list ordered by dependency so coding agents can execute without blockers.
Three modes
Generate
One-time kick-off
Click Generate to produce the full tech plan. The agent reads your PRD, app structure, wireframes, and backend repository — then produces an architecture overview and an ordered task list.
Refine
Available after generation
Request changes to the plan — add a task, adjust the architecture approach, split a task into smaller units. The agent updates the plan in place.
Ask
Always available
Ask about any decision in the plan — why a task was ordered where it is, what existing API pattern was followed, how a DB change connects to the wireframe. The agent answers from all upstream context.
What it produces
Architecture Overview
A high-level technical narrative: storage strategy, data models, API patterns, and key data flows. Derived from your backend codebase conventions — not generic recommendations.
Implementation Tasks
An ordered task list in topological sort order — setup tasks first, then DB, then API, then UI. Each task has an ID, title, description, and an MCP Prompt button.
Task types
Every task is tagged with one of four types. Tasks are ordered so that each type's dependencies are already resolved before it runs — SETUP before DB, DB before API, API before UI.
SETUP
Infrastructure, configuration, shared utilities — no feature logic
DB
Schema migrations, type extensions, data model changes
API
Endpoints, server actions, business logic
UI
Frontend components, screens, client-side interactions
MCP Prompt
One button per task
Each task has an MCP Prompt button that copies a ready-to-use prompt for your coding agent. The prompt includes the task objective, acceptance criteria, relevant wireframe references, API contracts, and enough context for the agent to execute without asking questions. Paste it into Cursor, Claude Code, Windsurf, or any MCP-compatible agent.
Tech Plan
Activity
Generate or brainstorm
Discuss tech choices in the chat, or click Generate to create your tech plan
Ask a question about the tech plan...
▶
Tech Plan
AI will analyze your PRD, App Structure and Wireframes to create implementation tasks with architecture recommendations