Protoyard
Real behavior. Fake infrastructure. Every prototype is an independent app with its own persistent browser database, scenarios, personas and simulated time.
Explore an idea in seconds, keep the one that works, and share it. Everything runs in the browser with simulated data.
protoyard quick turns a sentence into a running exploration in about 1.5 s, with variants to compare side by side.
Open a blueprint from a share link, a file or a pasted document. No build, and each blueprint keeps its own browser storage.
Player guideAsk for a deck on any topic and get slides you can click through, present and share: designed layouts, live charts and interactive blocks, from one JSON file.
Decks guideWhen an idea is worth keeping, generate a real Vite + Svelte 5 app from its data-only blueprint, or start from a template.
Generator guideA persistent browser database, deterministic scenarios, personas and simulated time, all under an in-app DevTools panel.
Scenarios guideThemes, layouts and device shells, plus rich views, charts, analytics, SaaS flows and scripted AI assistants.
Themes guideReviewers pin comments to screens of a built prototype or a served exploration; an agent can plan from the result.
Review comments guideA relocatable static export, a single HTML file, a private Claude artifact, or a deploy through the publish adapters.
Publishing guideA distributable agent skill, a local MCP server, a DeepWorkPlan addon and a versioned machine interface.
Agent skill guideEvery library is an npm package with typed ESM exports, published from CI with provenance.
Packages guideNew
Ask for a deck on any topic and present it in the browser: designed layouts, live charts, polls, quizzes and even a working app inside a slide, all from one JSON file.
Slide deck · 25 slides
Every layout family, live charts with a data table, an explorable chart, a poll, a what-if calculator, a quiz and an app embedded in a slide.
Arrow keys move between slides, F fills the screen (Esc leaves),
S opens the presenter view and ? lists every control.
Add ?debug=1 and press D to copy a slide reference for an AI agent.
Slide deck · Pitch · 6 slides
Process steps, a comparison table and a bar chart.
Present it in the player
Slide deck · Quarterly review · 6 slides
A big stat, a funnel chart, a comparison and a live poll.
Present it in the player
Slide deck · Product launch · 6 slides
A process, three cards and a quiz.
Present it in the playerShowing 1–17 of 17
atlas-workspace-demo
A fictional operations workspace that demonstrates every desktop and content layout, simulated access, guided onboarding, and a library analytics theme.
helpdesk-demo
A support desk generated from a blueprint: customers, tickets with SLAs and a status board, replies, attachments, audit history, notifications and CSV.
cadence-studio-demo
Class scheduling and customer bookings for a fictional neighborhood creative studio.
canvas-board-demo
Planning boards on an infinite canvas: frames, sticky notes, shapes and connectors with snapping, a JSON clipboard and undo, saved per board in IndexedDB, with owner and viewer personas and seeded scenarios.
harbor-dispatch-demo
Offline dispatch coordination for fictional harbor freight routes.
keel-projects-demo
Keel Studio's project hub (fictional product studio): a board with swimlanes, sprint rituals on a calendar, a critical-path timeline, a 10,000-task grid with saved views, comments with mentions, a notifications center and a command palette.
lattice-saas-demo
A fictional team planning workspace for project portfolios, delivery health, team collaboration, and simulated SaaS journeys.
mobile-banking-demo
A mobile-first banking app with fictional accounts, a transaction ledger, beneficiaries and atomic simulated transfers. Demo only — no real money, no real banks.
support-widget-demo
Flagship support chat widget for a fictional outdoor-gear store: order lookup, returns, human handoff and offline mode on the widget-host shell. Demo only — no real orders or money.
nova-assistant-demo
A simulated AI flagship with voice, agent tools, an embeddable widget and 5,000-message history.
pebblestat-analytics-demo
Fictional product analytics in the spirit of Mixpanel: projects, tracked events and users, saved reports, an editable dashboard, segments, metric alerts that fire as simulated time advances, and release annotations, with owner, analyst and viewer personas.
crm-demo
A lightweight sales CRM: companies, contacts, an editable deal pipeline and activity history — with owner, admin, sales-rep and viewer personas.
ui-kit
A living showcase of every @protoyard/ui component, patterns, forms and a theme lab with live tokens and contrast ratios.
create-anything-deck
The flagship deck: what Protoyard builds from a single JSON file, shown with every layout family, live charts, interactive blocks and an app embedded in a slide.
pulse-revenue-demo
A fictional revenue intelligence workspace with trend-shaped transaction data, an analytics explorer and lazy dashboard charts.
ai-chat-demo
A team chat where people and scripted AI agents collaborate: conversations, streamed agent replies, unread badges, search, and failure states. No real AI API.
relay-chat-demo
Fictional company team chat with channels, threads, an AI teammate, slash commands and simulated huddles. Simulated AI only.
Starting points for new prototypes. They are copied, never edited in place.
admin-console
An internal admin console: tenants with suspend and reactivate, users across tenants with simulated impersonation, subscriptions with cancel and resume, and an audit log of every staff action, with role-gated destructive actions behind confirmation.
agent-console
A simulated agent platform: agent definitions, a playground with step traces and approvals, run history, deterministic evaluations and usage/cost dashboards.
ai-assistant
A simulated assistant workspace with persistent project history, model selection, canvas, agent and voice modes, settings, memory controls and usage limits.
b2b-saas
A complete simulated SaaS starter with sign-in, SSO, onboarding, workspaces, billing, settings, inbox, and project management.
blank
A minimal but real starting point: a persisted Notes list with owner and viewer personas, three scenarios and permission-checked services.
booking-calendar
A booking starter: rooms and staff with weekly availability rules, a week calendar to book, move and cancel, a public booking flow that only offers free slots, overlap conflicts refused by the services, and bookings that complete or no-show as simulated time advances.
chat
A chat starter: persisted conversations and messages, one scripted assistant whose replies stream in (with stop, retry and simulated outages), unread badges, a two-pane layout, owner/member/viewer personas and four scenarios.
chat-widget
A compact single-thread support widget for the widget-host shell: greeting, scripted streaming assistant, handoff-to-human simulation, offline banner, and four scenarios.
clinic
A clinic front desk on fictional patients: provider schedules, booking that refuses overlaps, check-in, plain-text visit notes signed by the clinician and a redacted audit log. A simulation: no real medical data, no HIPAA or other compliance claim.
course-lms
A course catalog and lesson player with graded quizzes, learner progress, cohort schedules and instructor analytics.
crud-app
Blueprint-driven starter: projects and tasks with AppShell navigation, EntityList/EntityForm, notifications bell, members and a command palette. Base template for `protoyard generate`.
deck
A level-two presentation template backed by the shared deck renderer and a data-only deck blueprint.
design-kit
A searchable design system catalog with foundations, responsive demos and persisted review notes.
desktop-app
A desktop-app starter: a notes workspace with folders, tags, a working menu bar, a three-pane document view, keyboard shortcuts and owner/editor/viewer personas, framed in a desktop window.
doc
A report kind template: shared DocApp from blueprint.json with TOC and print, on the defineKindRuntime content-kind stack.
docs-wiki
A docs and wiki starter: spaces, a nested page tree with drag to reorder, a Markdown editor with a safe preview, every save kept as a version you can restore, and full-text search with highlighted matches.
fintech-dashboard
A personal-finance workspace with linked accounts, categorized transactions, payday cash flow, monthly budget alerts and validated transfers.
iot-monitoring
Monitor fictional field devices on an offline map with deterministic telemetry, threshold alerts and simulated incidents.
logistics-map
Coordinate depots, vehicles and shipments on a fictional offline map with route timelines and simulated-time ETAs.
marketplace
A two-sided marketplace starter with seller onboarding, listing management, simulated checkout, orders, and cent-based payouts.
mobile-app
A mobile-first starter: bottom navigation, sticky header and a persisted Items list → detail → create/edit flow with owner and viewer personas and three scenarios.
onboarding
A multi-step onboarding starter: profile, workspace, teammate invites and preferences with per-step validation, progress saved to IndexedDB after every step, skippable optional steps, a summary and a post-onboarding home.
page
A landing-page kind template: shared PageApp from blueprint.json, kind runtime personas, and a waitlist form that persists responses in IndexedDB.
plugin-panel
A narrow side-panel plugin starter with editable connected items, account preferences, and a simulated OAuth connection flow.
analytics
A product analytics starter: an editable dashboard grid with KPIs, trends with filters, breakdowns and saved segments, funnels, cohort retention and a live counter, all computed from simulated events with role-gated editing.
project-management
Projects with sprints, a service-backed board, a reschedulable timeline and workload by persona.
dashboard
A SaaS admin starter: overview metrics and a revenue chart, customers with search, filters and detail pages, orders with audited status changes, and a role-gated settings page for owner, admin, member and viewer personas.
social-feed
A social starter: a windowed home and everyone feed, a composer, reactions, comments, follows, profiles and a notifications inbox that fills as simulated time advances, with member, moderator and read-only personas.
ecommerce
A storefront with admin-lite: catalog with categories, search and filters, product pages, a persisted cart, a demo-only checkout that places orders atomically against inventory, order history and price/stock editing for admins.
task-manager
Projects, a drag-and-drop board (To do → In progress → Review → Done), tasks with assignees, due dates, priorities, labels and comments, a “My tasks” view and owner/admin/member/viewer permissions.
team-chat
A Slack-like team chat starter: workspaces, channels and DMs, threads, reactions, mentions, presence, unread state, search, file shares, slash commands, AI bots in channels, and simulated huddles with captions. Simulated AI only — no real models.
