nicobailonnicobailonCommunity·1 Agent Skills Included

pi-design-deck

Visual side-by-side decision decks for architecture and UI

Presents multi-slide visual decision decks with side-by-side previews of code diffs, architecture diagrams, and UI mockups. Eliminates long text debates by letting users compare options visually and pick one per slide. Returns clean selections directly to the coding workflow so implementation starts immediately.
npx skills add nicobailon/pi-design-deck --all -g -y

All Skills in This Repository (1)

Pure Emerald Level Indicators

Frequently Asked Questions

FAQPage Schema
How to install pi-design-deck?

Run `npx skills add nicobailon/pi-design-deck --all -g -y` in your terminal to install all skills in this suite globally.

What does pi-design-deck do?

It shows you 2-4 visual options per decision — code diffs, Mermaid diagrams, or UI mockups — in a browser window, and you pick one per slide. Your selections are returned to the coding agent as a clean map for implementation.

How do I compare architecture options visually?

Just ask for options, like 'show me 3 architecture options for the backend', or run /deck-plan with a PRD file. The deck opens with rendered diagrams and code previews for each approach.

Can I generate more options after seeing the deck?

Yes. Click 'Generate another option' in the deck and the agent creates a new option that appears live in the open window without reloading the page.

Does pi-design-deck work on Windows and Linux?

Yes. On macOS it can render in a native window via Glimpse, and on other platforms it falls back to opening the deck in a browser tab.

Related Repositories in Design & Creative

View All in Design & Creative