● What this is + why it works

01 Depth-first layout. The composer sits on a perspective:1800px stage, with orbital cards floating at different Z-translations (40–100px). On pointer-move the whole scene rotates subtly (JS below). Dia / Vision-style spatial feel without a 3D library.
02 Glass panels with true edge-light. Mask-composite trick draws a 1px gradient edge on the composer and tiles — the subtle "emission rim" that Apple and Rauno both use. Soft 40px blur + inset highlight line = believable depth.
03 RACE as orbital cards. The R/A/C/E hint cards float outside the composer edges — you can see the framework as objects, not labels. Teaches the method by physical grammar.
04 Floating dock. Vision-style pill dock with blur + active-state + a gradient CTA. Brand orb is a conic-gradient on a 26px sphere with blur + inset shine.
05 Ambient light field. Three stacked radial gradients (purple / teal / warm) on the body + a low-opacity SVG grain overlay create the "room ambience" every Vision-adjacent site now uses. No videos, no heavy bitmaps.
06 Gradient tokens, not flat colors. Buttons, active chips, and the CTA use a purple → teal gradient — the brand palette composed, not picked. Legibility preserved (AA contrast on all gradient states).
07 Composer preserves real RACE inputs. Role chips, Action textarea, Context textarea, Expectation selects — the working app's fields, just floated. Generated prompt appears below in a layered output stage.
08 Reduced motion + focus craft. prefers-reduced-motion disables the parallax and grain; :focus-visible rings are teal offset 3px; selection paints teal-on-dark. Fast pages need graceful defaults.

RACEprompt

claude-sonnet-4-6 · ok

Spatial prompt studio · Dr. Jonesy · RACE

Role. Action. Context.
Expectation.

Four fields floating around the composer — so the framework isn't a label, it's a space. Every prompt you build carries its RACE receipt.

R · Role

PMO Director

Mid-market SaaS · reporting to board of 8.

A · Action

Draft a calm Q2 board update

End with exactly 3 decisions.

C · Context

Flat revenue · 2 roadmap slips

Hiring pause · runway-sensitive audience.

E · Expectation

One page · 400 words

Conversational tone · no AI filler.

Model

Claude Sonnet 4.6

~412 tok · $0.014 · p95 2.1s

Today

8 / 15 runs

Pro · trial day 13 · resets UTC

Compose a RACE prompt

layer 01 · z+0 · glass

R Rolewho is the model playing?

PMO Director Technical writer Researcher Analyst Consultant Marketer Engineer + custom

A Actionprecision over politeness

C Contextwhat does the model need to know?

E Expectationlength · tone · what to omit

1 page2 pagesConversationalProfessionalNo AI filler3 decisions

0 / 500 · 8 of 15 runs today

Your RACE prompt ● generated

# Role
You are a "PMO Director at a mid-market SaaS"
reporting to a board of 8.

# Action
Draft a calm, one-page Q2 board update that reads
like a human wrote it. End with exactly 3 decisions
the board must make in this meeting.

# Context
Revenue is flat vs Q1. Engineering is behind on two
roadmap items (schema migration, billing v2). Hiring
paused this quarter. Audience: 5 board members,
2 finance, 1 legal. Known sensitivity around runway.

# Expectation
Tone: calm, operator-grade, no AI filler.
Length: one page (≈400 words).
Format: 3 short sections + decisions block.
Avoid: "leverage", "game-changer", "synergy".

Est. 412 → 680 tokens · ~$0.014 · claude-sonnet-4-6

Today · history

Your recent runs.

01Q2 board update — calm tonePMO Director · 412 tokok

02Competitive battlecard — vs. GrammarlyConsultant · 611 tokok

03TestFlight release notes — F3 v1.5 b30Engineer · 204 tokok

04Hannah Reed decline — kind, firmWriter · 187 tokretry

Library

Start from a template.

RBoard update (calm)PMO Director · 1 page142×

ERelease notes (TestFlight)Engineer · <200 tok98×

CCold outreach — VP L&DMarketer · 3-email77×

ACompetitive battlecardConsultant · 1p + FAQ63×

Executions · today

8 / 15

Pro · trial day 13resets 00:00 UTC

You're on Pro trial. Upgrade anytime to keep 15 runs per day — or try Team ($7.99/seat) for a workspace.

View plans Keep Pro →