StackSketch

Overview

Create and edit StackSketch JSON diagrams that serve as a visual source of truth for full-stack web app planning, including navigation flows, state machines, infrastructure maps, and UI mockups.

When to Activate

• Use when the user asks for visual planning, flowcharts, UI mockups, architecture diagrams, or system design diagrams.
• Use when the user mentions StackSketch, JSON-based diagrams, or a Figma-like editor backed by versioned JSON files.
• Use when the work requires a visual feedback loop before implementation.

Complete Workflow

Phase 1: Discovery

Step 1: Print Intro Banner