pi-plan-html

Pi extension that turns AI agent plans into commentable, beautifully designed HTML pages.

Package details

extension

Install pi-plan-html from npm and Pi will load the resources declared by the package manifest.

$ pi install npm:pi-plan-html

Pi manifest JSON

{
  "extensions": [
    "./index.ts"
  ]
}

Pi packages can execute code and influence agent behavior. Review the source before installing third-party packages.

A pi extension that turns AI agent plans into commentable, beautifully designed HTML pages.

Adds /plan, /iterate, /approve, /plan-off, /plan-open slash commands to every pi session.

Add to ~/.pi/agent/settings.json:

{
  "packages": ["npm:pi-plan-html"]
}

Restart pi. That's it.

$ pi
> /plan add a hello endpoint to the server

A browser tab opens with the rendered plan. Plan files land in <cwd>/.pi/plans/.

Command	What it does
`/plan <prompt>`	Read-only planning mode. Model emits `plan-json`, extension renders + opens HTML.
`/iterate`	Loads `.pi/plans/feedback.md` (your inline comments), produces v2.
`/approve`	Restores full tools, model executes the plan with `[DONE:n]` progress markers.
`/plan-off`	Cancel planning, restore full tools.
`/plan-open`	Reopen the latest rendered plan.

See the root README for the full plan-json schema and component reference.

MIT. See LICENSE.