Tool · CLI
Project Planner
Client-side project planner. Routes into /contact with query params - no generation API.
Preview
npx shadcn@latest add @atroui/project-plannerStep 1 of 6: Project type
Step 1 / 6
Project type
What are you building?
MVP to validate fast, or a fuller product build?
Installation
Agent blurb — install command + no npm UI rule. For agents
npx shadcn@latest add @atroui/project-plannerSource lands in your repo. Installation · Registry
Usage
The live planner runs on this site at /planner. Fully client-side. On the estimate step, Preview social card opens the OG workspace with the recommendation prefilled (
@atroui/project-brief). Guide: From scope to social card.tsx
import { ProjectPlanner } from "@/components/blocks/project-planner"
<ProjectPlanner />Edit pages, tone, and social titles before generating cards
Planner is UI (no Host API). Scope writes the brief, planner edits it, OG/thumbnail href helpers consume it. Install @atroui/project-brief if you only need the type.
FAQ1
- Does the planner call AI?
- No. It is a form over ProjectBrief. AI lives in Scope, OG, and thumbnail Host APIs.
Part of Indie launch workflow (scope to social).
Project Planner