refine(site): live mode support list copy pass + drop phase caption + border

- Drop the black rule above the support list (it read as a hard hat
  over the column).
- Drop the phase-caption strip below the frame (the demo already
  carries its own state visually; the narrated loop underneath was
  noise).
- Rewrite the four support cells with stronger POV:
  - Start: the actual commands, /impeccable live and stop.
  - Your agent, your code: emphasises that it's the same AI you've
    been working with, reading your real project context, generating
    real edits.
  - Accept = write: canvas-like iteration, production output. The
    point almost no other AI design tool can claim.
  - Skill-native: no external tools or IDE extensions, works across
    every harness the skill targets.
- Drop CSP-patch bullet (edge case, not worth homepage real estate).
- Drop the "Accepts into ... via HMR" framing — accepts work because
  of the skill loop, not because of HMR per se.
This commit is contained in:
Paul Bakaus
2026-04-22 14:12:52 -07:00
parent ae6fa32318
commit 32b81aebcd
3 changed files with 17 additions and 15 deletions
+8 -2
View File
@@ -3219,8 +3219,6 @@
display: flex;
flex-direction: column;
gap: var(--spacing-md);
padding: var(--spacing-md) 0 0;
border-top: 1px solid var(--color-ink);
align-self: stretch;
}
.live-demo-support-cell {
@@ -3247,6 +3245,14 @@
line-height: 1.55;
color: var(--color-ink);
}
.live-demo-support-v code {
font-family: var(--font-mono);
font-size: 0.875em;
background: var(--color-mist);
padding: 1px 6px;
border-radius: 3px;
color: var(--color-ink);
}
@media (max-width: 760px) {
.live-demo-frame { aspect-ratio: 4 / 5; }