# Pi Web UI

> Pi web UI (`@mariozechner/pi-web-ui`)

- Skill: `romiluz13/pi-web-ui` (Agent Skill, multi-file: 2 files)
- Install (CLI): `npx skillmds@latest add romiluz13/pi-web-ui`
- Raw SKILL.md: https://api.skillmd.com/api/skills/romiluz13/pi-web-ui/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- Author: romiluz13 (https://skillmd.com/u/romiluz13)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/romiluz13/pi-web-ui

---


# Pi web UI (`@mariozechner/pi-web-ui`)

## Grounding

1. `pi-mono/packages/web-ui/README.md` — features, installation, Quick Start snippet, APIs referenced there.
2. `pi-mono/packages/web-ui/example/` — runnable minimal app (`README.md`, `package.json`, entry source).
3. Supporting libraries: `pi-mono/packages/ai/README.md` and `pi-mono/packages/agent/README.md` when wiring model + Agent as shown in web-ui README.

## Invariants

- README documents stack (mini-lit, Tailwind v4) and integration shape; do not substitute other component frameworks without explicit user request and README cross-check.

## Workflows

- **Bootstrap**: Follow README Quick Start imports (`ChatPanel`, storage stores, `setAppStorage`, `defaultConvertToLlm`) exactly as in `pi-mono/packages/web-ui/README.md`.
- **Compare to CLI**: CLI behavior lives in `pi-coding-agent`; browser concerns stay in web-ui README — cite both paths when contrasting.

## Anti-patterns

- Do not invent artifact or tool names not listed in `pi-mono/packages/web-ui/README.md` without opening `pi-mono/packages/web-ui/src/tools/` for the specific renderer.