@blackbelt-technology/frontend-mockup-loop
Pi extension + skill for a ground→contract→mockup→test→fix→learn frontend design loop. Ships a live mockup server tool, a Playwright breakpoint-screenshot tool, and a design-contract scaffolder. Works in any React/Tailwind/shadcn project.
Install
pi install npm:@blackbelt-technology/frontend-mockup-loop
Installs from npm into ~/.pi/agent/.
Add -l for project-local (.pi/). Manage with pi list / pi update / pi remove.
What this package can reach
Detected automatically from the source at
version 0.7.0.
This describes access, not safety — you decide whether it's appropriate for what
the package claims to do.
- Files — Reads files outside your project Touches paths beyond the working directory, such as your home folder.
- Network — Talks to the internet Makes outbound network requests. Check the destinations are ones you expect.
- New tools — Adds model-callable tools Gives the agent new abilities. Additive and visible, unlike an override.
- UI — Draws its own interface Renders widgets, footers, dialogs or full-screen views.
What it actually did when run
observedLoaded in a sandbox with no network, a read-only filesystem and a recording stand-in for pi's API. This is what it called — not what the source suggests it might.
Tools registered serve_mockupscore_mockupinit_ui_contractlist_design_systemsvalidate_mockup
Events subscribed session_shutdown
APIs called registerCommandregisterToolui.notify
Run against version 0.7.0 on 2026-08-02.
Registration-time behaviour under default settings; other configurations may differ.
Reviews
0 publishedSign in with GitHub to write a review, reply, or vote.
No reviews yet — be the first.
More in Orchestrators
- @kky42/pi-subagents — Claude Code-style subagents for pi.
- pi-agentteam — Multi-agent team orchestration for pi — leader-coordinator pattern with researcher, planne…
- @usirin/pi-loop — Claude Code-style /loop command for pi-coding-agent.
- pi-btw — A pi extension for parallel side conversations with /btw