Add Google Stitch UI design prompt for Vivarium Studio web app

[Copilot]

Comprehensive design prompt for Google Stitch describing a single-page cellular automata editor/simulator built on vivarium's DSL. Grounded in the actual library API (vivarium() → element() → kind() → to().count().is().chance().accept() → create() → setup()).

prompts/stitch-ui-design.md

• App Shell — Resizable 4-region layout (navbar, elements panel, WebGPU canvas, rule builder, sim controls) via shadcn ResizablePanelGroup
• Elements & Kinds Panel — Inline-editable element cards with color pickers, kind badge membership, drag reorder, and a pattern library section for captured canvas regions
• Visual Rule Builder — Core design innovation: rule cards with drag-and-drop element/kind tokens as FROM→TO, color-coded condition pills (count with toggleable number chips 0–8, is with inline neighbor mini-grid selector, chance with fraction inputs), acceptance strategy radio (all/any/one/none)
• Canvas Tools — Floating toolbar with pencil, eraser, flood fill, line, rectangle, stamp, selection (marching ants → copy/cut/paste/capture-to-library), pan, zoom, randomize, clear
• Simulation Controls — Play/pause, step forward/back, log-scale speed slider, grid resize (power-of-2), neighborhood/wrapping config with hot-swap via setAutomaton()
• Reusable Component Library — Capture rectangular selections as named/tagged patterns, stamp them back, drag from library to canvas
• Export/Import — 5 formats (.vivarium project, .vivarium-rules, .vivarium-grid, .png, .vivarium-library) with merge/replace on import
• Subviews — New Project (with template presets matching vivarium examples), color picker, capture dialog, library editor, settings sheet, keyboard shortcuts reference
• 5 end-to-end interaction flows, responsive breakpoints, accessibility considerations, JSON data model schema
• Tech notes — DaisyUI for standard components, shadcn for complex interactive ones, @dnd-kit for DnD, WebGPU via vivarium's setup()/writeCellAt()/readGrid()

Warning

Firewall rules blocked me from connecting to one or more addresses (expand for details)

I tried to connect to the following addresses, but was blocked by firewall rules:

• daisyui.com
  • Triggering command: /home/REDACTED/work/_temp/ghcca-node/node/bin/node /home/REDACTED/work/_temp/ghcca-node/node/bin/node --enable-source-maps /home/REDACTED/work/_temp/copilot-developer-action-main/dist/index.js (dns block)
• ui.shadcn.com
  • Triggering command: /home/REDACTED/work/_temp/ghcca-node/node/bin/node /home/REDACTED/work/_temp/ghcca-node/node/bin/node --enable-source-maps /home/REDACTED/work/_temp/copilot-developer-action-main/dist/index.js (dns block)

If you need me to access, download, or install something from one of these locations, you can either:

• Configure Actions setup steps to set up my environment, which run before the firewall is enabled
• Add the appropriate URLs or hosts to the custom allowlist in this repository's Copilot coding agent settings (admins only)

---

💬 We'd love your input! Share your thoughts on Copilot coding agent in our 2 minute survey.