Tutorials
The loop applied — pick the situation closest to yours.
The Workflow page is the framework. Each one below walks it from a different starting point.
From scratch
Starting from scratch.
A new product, an empty codebase. Walk through the loop from first decision to ship.
Walk through →Inherited code
Iterating on existing design.
Bring Spruce into a codebase that already exists. Install, assess what's there, and refine from the inside out.
Walk through →Critique-driven
Critique and refine.
Something feels off but you can't name it. Run /critique for a design-director read; apply correctives based on what landed; review again; converge.
Walk through →In the browser
Spruce in the browser.
Coming as the Chrome extension lands. Spruce's reasoning available against any open page — in-page audits, design-system inspection, conversational refinement.
Coming soon