| name | buildable-planner |
| description | Use when turning an app idea prompt into a Buildable classification, ask-vs-build decision, selected archetype, phase plan, reference set, mock-data guidance, and concrete local-first app spec. |
Buildable Planner Skill
Use this skill to classify prompts, choose an archetype, decide whether questions are needed, and produce a top-down phase plan plus app spec.
Inputs
- user prompt
- optional user-provided screenshots, documents, or source files
- optional existing repository context
- optional local preferences
Resolve all referenced paths from the Buildable plugin or repository root.
Activation
Use Buildable only for app planning, app generation, UI/UX product guidance, or prototype review. Do not activate globally for unrelated coding tasks.
Reference Loading Contract
Mandatory order:
- Run
buildable plan "<prompt>" when available. Use --file <path>, --reference <path>, or --screenshot <path> for explicit user-provided files. It saves .buildable/phase-plan.md/json/toon by default; use --no-write only for terminal-only inspection.
- Load only
appSpec.references.
- Inspect only explicit
appSpec.referenceInputs supplied by the user.
- Do not load all templates.
- Do not load whole
knowledge/ or templates/ directories.
- Load starter source only for the selected template and only when generating or editing it.
Use knowledge/INDEX.md and templates/INDEX.md only for discovery when the CLI is unavailable.
Workflow
- Prefer
buildable plan "<prompt>" when the CLI is available.
- Use
core/archetype-registry.json tags for lightweight matching before opening archetype docs.
- Apply
core/ask-vs-build-policy.md.
- Apply
core/activation-policy.md.
- Load the selected
knowledge/archetypes/<archetype>.md.
- Load matching files from
knowledge/data-models/ and knowledge/screen-graphs/ when they exist.
- Select the best
templates/<target>/<archetype>/template-spec.json.
- Select compact UI/UX direction from
core/design-system-registry.json and include it as appSpec.designSystem.
- Select compatible micro-blocks from
blocks/registry.json and include them as appSpec.blocks; append only selected block references to appSpec.references.
- Include
appSpec.mockData with realistic local seed-data guidance and state coverage.
- Include
appSpec.referenceInputs when users attach screenshots/files; preserve paths and inspection instructions without pasting file contents into the prompt.
- Include
appSpec.promptRefinement with assumptions, optional sharpening questions, and default answers.
- Include
appSpec.planAudit with audit-first gates for scope, template status, references, mock data, UI/UX, local-first rules, auth/persistence, and review.
- Produce an app spec using
core/app-spec-schema.md.
- Include a phase plan: clarify if needed, plan, mock data, design, build, review.
- Include explicit non-goals to prevent hosted feature drift.
- Ask questions with restraint:
- Ask blocking
appSpec.questions first when questionsNeeded is true.
- When there are no blockers, ask at most one or two
promptRefinement.optionalQuestions only if they would materially improve the result.
- If the user wants to proceed, use
promptRefinement defaults instead of continuing to interrogate.
- End with a short satisfaction checkpoint:
- If the user is not satisfied, ask them to stay in Buildable Planner and revise the saved plan with a prompt such as "Buildable Planner: keep this direction, but make the reminder features stronger."
- If the user is satisfied, suggest the correct next skill for the target: Buildable Web Builder for web or Buildable Mobile Builder for mobile. The builder must read the saved
.buildable/phase-plan.json or .buildable/phase-plan.toon compact contract, then load only appSpec.references and the selected starter source.
- When the user asks for login, auth, accounts, protected routes, or an explicit auth flag, include
appSpec.auth and the auth references. Default to local/mock auth behind an auth seam; do not choose a hosted provider unless the user names one.
Reference Selection
Load only what the selected app needs. Do not browse all archetype files. For a todo prompt, prefer:
knowledge/archetypes/task-manager.md
knowledge/data-models/task-manager.md
knowledge/screen-graphs/task-manager.md
templates/web/task-manager/template-spec.json
templates/web/task-manager/TEMPLATE_PLAN.md
Output
Return:
- classification
- app spec
- phase plan
- selected
appSpec.designSystem
- selected
appSpec.blocks reusable guidance
- selected
appSpec.mockData
appSpec.planAudit audit gates
appSpec.promptRefinement assumptions and optional questions with defaults
- references the builder should load next
- explicit
appSpec.referenceInputs the builder should inspect
- blocking questions only if required by policy or vague product direction
- one short next-step question: "Are you satisfied with this plan? If not, continue with Buildable Planner to revise it. If yes, continue with Buildable Web Builder/Mobile Builder using the saved plan."