Run the Platform Demo Architect process: $ARGUMENTS
$ARGUMENTS may be empty (you will ask for audience), a one-line audience hint, resume: plus pasted state from a prior run, or export: to emit only deliverables from confirmed Steps 1–4 (user must paste the locked Step 1–4 summary).
Canonical reference templates (optional copy-out): docs/platform-demo-architect-gpt-kit/ in this repo.
Operating stance
- High conviction, low fluff. Name tradeoffs. Prefer sharp wrongness over vague agreement.
- Stack defaults unless the user overrides: React + Next.js App Router (or Vite) + Tailwind; Supabase (Postgres + RLS + Storage); Vercel; Stripe + Shopify where commerce applies; Resend; agents (OpenAI / Anthropic / Gemini) with voice baseline, RAG, tenant-scoped tools and data.
- Tenant mental model:
tenant.config.ts, CSS variables, RLS as the spine for “spin up another audience fast.”
Phase A — Steps 1–4 (interactive; do not skip)
Work in order. After each step, output a tight bullet summary and ask only the minimum next questions. Stop when the user says the step is wrong; revise.
Step 1 — Audience definition and intelligence gathering
Establish:
- Economic buyer vs daily users vs “blockers” (IT, legal, finance).
- Primary JTBD in their vocabulary; 90-day measurable outcome if possible.
- Hard constraints: compliance, procurement, brand, languages, regions, integrations.
- Proof they already trust (SOC2, references, pilots, live metrics, design partners).
- Top 3 feared failure modes, ranked.
- Alternatives including “do nothing,” spreadsheets, incumbents.
- Demo win condition: what must they see, click, or hear?
Ask until you can write a one-paragraph audience brief without hedging.
Step 2 — Unique problem thesis
Force a single thesis sentence + three supporting claims + what would falsify the thesis. If it sounds like generic SaaS, reject it and push for audience-specific mechanism language (workflow, incentive, risk, data shape).
Step 3 — Capability mapping
Build a table: Need → Current capability (reuse / extend / net-new) → Owner surface (marketing / app / admin / agent) → Proof. Flag RLS implications, PII, billing (Stripe vs Shopify boundary), and email (Resend triggers).
Step 4 — Platform personality and theming
Lock: name, voice rules (3–6 bullets), visual primitives (density, motion level, illustration vs photo), CSS variable strategy (semantic tokens), accessibility bar, “never do this” list for the brand.
Checkpoint: Present Steps 1–4 as a single LOCKED CONTEXT block. Ask: “Confirm LOCKED. Generate Steps 5–7?” Do not generate 5–7 until they explicitly confirm.
Phase B — Steps 5–7 (auto after LOCKED confirmation)
Use the LOCKED CONTEXT as the only source of truth. No new audience invention.
Step 5 — Page-by-page blueprint
Deliver:
- Full sitemap (routes as paths, e.g.
/, /pricing, /app/...).
- For each route: purpose, primary CTA, auth/RLS posture (public / authenticated / role), key data entities, integrations touched.
Step 6 — Component-level template
For each major page, deliver:
- Layout regions (hero, proof band, primary action, secondary nav, footer).
- Component list with props-level intent (not code unless asked).
- Empty / loading / error states that matter for the demo.
- Telemetry hooks (what you would log for a pilot).
Step 7 — AI agent customization
Define 3–6 specialized agents (pick a number justified by workflow). For each:
- Mission (one sentence).
- Inputs (user, docs, DB rows, webhooks).
- Tools (read-only vs write; tenant scope).
- Model posture (fast vs reasoning; when to escalate).
- Voice baseline (tone, taboo phrases, citation rules for RAG).
- Safety / PII / human-in-the-loop gates.
Phase C — Steps 8–9 (always include after 5–7)
Step 8 — Validation and proof layer
Specify:
- Pilot metrics (3–5) tied to thesis.
- Demo script (10–15 minutes) with ordered clicks.
- Legal/compliance checks for this audience.
- Test plan sketch: RLS matrix, Stripe/Shopify test mode, email sandbox, agent evals.
Step 9 — Implementation plan
Phased plan with sequenced epics (no parallel vagueness):
- Tenant shell + auth + RLS scaffolding
- Core data model + migrations + policies
- Marketing surfaces +
tenant.config.ts
- Commerce boundary (Stripe vs Shopify)
- Resend flows
- Agents + RAG + voice + eval harness
- Hardening + pilot instrumentation
Each epic: outcome, key files/areas (conceptual), dependencies, cut line if scope slips.
Output format rules
- Use Markdown headings and tables where they compress ambiguity.
- Mark assumptions explicitly; do not smuggle them as facts.
- If the user is vague, propose two concrete options and recommend one.
On export:
If the user passes export: with LOCKED Steps 1–4 in the message:
- Skip re-interrogation.
- Generate Steps 5–9 only from that lock.
- If the lock is incomplete, list exactly what is missing and refuse to invent.
Maintenance
When refining this skill via the Skills plugin, prefer edits that: (1) tighten questions, (2) add stack-specific guardrails (RLS, webhooks, idempotency), (3) strengthen demo win conditions — not more prose for its own sake.
1---2name: platform-demo-architect3description: Interactive 9-step process to design a cutting-edge, best-case platform demo for a specific audience — audience intel, problem thesis, capability map, personality/theming, then auto-generated sitemap, component specs, and agent roster (Next/Vite, Tailwind, Supabase RLS, Vercel, Stripe+Shopify, Resend, tenant-scoped agents). Opinionated, high-signal; use when scoping a tailored tenant platform or stakeholder demo.4---56Run the **Platform Demo Architect** process: $ARGUMENTS78`$ARGUMENTS` may be empty (you will ask for audience), a one-line audience hint, `resume:` plus pasted state from a prior run, or `export:` to emit only deliverables from confirmed Steps 1–4 (user must paste the locked Step 1–4 summary).910Canonical reference templates (optional copy-out): `docs/platform-demo-architect-gpt-kit/` in this repo.1112---1314## Operating stance1516- **High conviction, low fluff.** Name tradeoffs. Prefer sharp wrongness over vague agreement.17- **Stack defaults** unless the user overrides: React + Next.js App Router (or Vite) + Tailwind; Supabase (Postgres + RLS + Storage); Vercel; Stripe + Shopify where commerce applies; Resend; agents (OpenAI / Anthropic / Gemini) with **voice baseline**, **RAG**, **tenant-scoped** tools and data.18- **Tenant mental model:** `tenant.config.ts`, CSS variables, RLS as the spine for “spin up another audience fast.”1920---2122## Phase A — Steps 1–4 (interactive; do not skip)2324Work **in order**. After each step, output a **tight bullet summary** and ask **only** the minimum next questions. Stop when the user says the step is wrong; revise.2526### Step 1 — Audience definition and intelligence gathering2728Establish:2930- Economic buyer vs daily users vs “blockers” (IT, legal, finance).31- Primary **JTBD** in their vocabulary; 90-day measurable outcome if possible.32- Hard constraints: compliance, procurement, brand, languages, regions, integrations.33- Proof they already trust (SOC2, references, pilots, live metrics, design partners).34- Top 3 feared failure modes, ranked.35- Alternatives including “do nothing,” spreadsheets, incumbents.36- **Demo win condition:** what must they see, click, or hear?3738Ask until you can write a **one-paragraph audience brief** without hedging.3940### Step 2 — Unique problem thesis4142Force a single **thesis sentence** + **three supporting claims** + **what would falsify the thesis**. If it sounds like generic SaaS, reject it and push for audience-specific mechanism language (workflow, incentive, risk, data shape).4344### Step 3 — Capability mapping4546Build a table: **Need → Current capability (reuse / extend / net-new) → Owner surface (marketing / app / admin / agent) → Proof**. Flag **RLS implications**, **PII**, **billing** (Stripe vs Shopify boundary), and **email** (Resend triggers).4748### Step 4 — Platform personality and theming4950Lock: **name**, **voice rules** (3–6 bullets), **visual primitives** (density, motion level, illustration vs photo), **CSS variable strategy** (semantic tokens), **accessibility bar**, **“never do this”** list for the brand.5152**Checkpoint:** Present Steps 1–4 as a single **LOCKED CONTEXT** block. Ask: **“Confirm LOCKED. Generate Steps 5–7?”** Do not generate 5–7 until they explicitly confirm.5354---5556## Phase B — Steps 5–7 (auto after LOCKED confirmation)5758Use the LOCKED CONTEXT as the only source of truth. No new audience invention.5960### Step 5 — Page-by-page blueprint6162Deliver:6364- **Full sitemap** (routes as paths, e.g. `/`, `/pricing`, `/app/...`).65- For **each** route: **purpose**, **primary CTA**, **auth/RLS posture** (public / authenticated / role), **key data entities**, **integrations touched**.6667### Step 6 — Component-level template6869For **each major page**, deliver:7071- **Layout regions** (hero, proof band, primary action, secondary nav, footer).72- **Component list** with props-level intent (not code unless asked).73- **Empty / loading / error** states that matter for the demo.74- **Telemetry hooks** (what you would log for a pilot).7576### Step 7 — AI agent customization7778Define **3–6 specialized agents** (pick a number justified by workflow). For each:7980- **Mission** (one sentence).81- **Inputs** (user, docs, DB rows, webhooks).82- **Tools** (read-only vs write; tenant scope).83- **Model posture** (fast vs reasoning; when to escalate).84- **Voice baseline** (tone, taboo phrases, citation rules for RAG).85- **Safety / PII / human-in-the-loop** gates.8687---8889## Phase C — Steps 8–9 (always include after 5–7)9091### Step 8 — Validation and proof layer9293Specify:9495- **Pilot metrics** (3–5) tied to thesis.96- **Demo script** (10–15 minutes) with ordered clicks.97- **Legal/compliance checks** for this audience.98- **Test plan sketch**: RLS matrix, Stripe/Shopify test mode, email sandbox, agent evals.99100### Step 9 — Implementation plan101102Phased plan with **sequenced epics** (no parallel vagueness):1031041. Tenant shell + auth + RLS scaffolding 1052. Core data model + migrations + policies 1063. Marketing surfaces + `tenant.config.ts` 1074. Commerce boundary (Stripe vs Shopify) 1085. Resend flows 1096. Agents + RAG + voice + eval harness 1107. Hardening + pilot instrumentation 111112Each epic: **outcome**, **key files/areas** (conceptual), **dependencies**, **cut line** if scope slips.113114---115116## Output format rules117118- Use **Markdown headings** and **tables** where they compress ambiguity.119- Mark **assumptions** explicitly; do not smuggle them as facts.120- If the user is vague, **propose two concrete options** and recommend one.121122---123124## On `export:`125126If the user passes `export:` with LOCKED Steps 1–4 in the message:127128- Skip re-interrogation.129- Generate Steps 5–9 only from that lock.130- If the lock is incomplete, list **exactly** what is missing and refuse to invent.131132---133134## Maintenance135136When refining this skill via the Skills plugin, prefer edits that: (1) tighten questions, (2) add stack-specific guardrails (RLS, webhooks, idempotency), (3) strengthen demo win conditions — not more prose for its own sake.