nicobailon

nicobailon / pi-design-deck

Public

Visual design deck for presenting multi-slide options with high-fidelity previews

90
3
100% credibility
Found Feb 24, 2026 at 51 stars -- GitGems finds repos before they trend. Get early access to the next one.
Sign Up Free
AI Analysis
TypeScript
AI Summary

Browser tool for Pi coding agent that displays interactive multi-slide decks of visual design options for users to select from.

How It Works

1
🗣️ Chat with your coding helper

You tell your friendly AI assistant to show visual choices for designs like layouts or structures.

2
🖥️ Deck of pretty slides opens

Your web browser automatically opens a beautiful set of slides, each with 2-4 picture previews of options.

3
📱 Browse the slides

Swipe left-right to see each decision point with code snippets, diagrams, or mockups side by side.

4
✅ Pick your favorites

Click or use keyboard to choose one option per slide that feels right for your project.

5
➕ Get more ideas anytime

Tap a button to ask for fresh options, and they appear live without reloading anything.

6
💾 Save or submit

Save your picks for later or hit submit to send choices straight back to your assistant.

🎉 Assistant builds it your way

Your coding helper receives your selections and turns them into real working code just like you wanted.

Sign up to see the full architecture

5 more

Sign Up Free

Star Growth

See how this repo grew from 51 to 90 stars Sign Up Free
Repurpose This Repo

Repurpose is a Pro feature

Generate ready-to-use prompts for X threads, LinkedIn posts, blog posts, YouTube scripts, and more -- with full repo context baked in.

Unlock Repurpose
AI-Generated Review

What is pi-design-deck?

Pi-design-deck is a TypeScript browser tool for the Pi coding agent that builds multi-slide visual design decks with high-fidelity previews of code diffs, Mermaid diagrams, HTML mockups, or images. You get 2-4 options per slide for decisions like backend architectures or UI directions, pick one via clicks or keyboard, and the agent receives a clean selection map to proceed. Installed via `pi install npm:pi-design-deck`, it integrates with slash commands like `/deck`, `/deck-plan docs/plan.md`, or `/deck-discover` for quick visual github copilot-style workflows.

Why is it gaining traction?

It stands out with a persistent server for live "generate another option" updates via SSE—no reloads, state preserved—and model/model-thinking selectors for targeted generations. Save/load snapshots with `Cmd+S`, ARIA keyboard nav (arrows, 1-9 quick pick), and light/dark themes make iterative visual design feel native, unlike static diagrams in github visual studio code or basic markdown previews. Developers hook on the seamless agent loop: interview for reqs, deck for options.

Who should use this?

Pi-agent users architecting systems, prototyping UIs, or reviewing PRDs—think backend engineers comparing auth flows, frontend devs evaluating layout options, or visual designer jobs berlin teams mocking high-fidelity multi-slide decks. Ideal for solo coders or small teams using visual design studium techniques in agent-driven dev.

Verdict

Grab it if you're in the Pi ecosystem and need visual decision tools—docs are thorough, tests solid (48+ cases), but with 23 stars and 1.0% credibility score, it's early-stage; test in non-prod first. Strong foundation for visual github visual studio gitignore-free workflows. (187 words)

Sign up to read the full AI review Sign Up Free

Similar repos coming soon.