Contrarian FIX FIRST: add real source-tweet proof + self-referential proof, define 'skill', kill 'tuned on real sites' hand-wave

73eb721bfed8aa2bce7619af8d72c5f889a4637e · 2026-07-13 15:36:25 -0700 · Steve
Files touched

M public/index.html
Diff

commit 73eb721bfed8aa2bce7619af8d72c5f889a4637e
Author: Steve <steve@designerwallcoverings.com>
Date:   Mon Jul 13 15:36:25 2026 -0700

    Contrarian FIX FIRST: add real source-tweet proof + self-referential proof, define 'skill', kill 'tuned on real sites' hand-wave
---
 public/index.html | 28 ++++++++++++++++++++++++++--
 1 file changed, 26 insertions(+), 2 deletions(-)

diff --git a/public/index.html b/public/index.html
index 9add113..567f69d 100644
--- a/public/index.html
+++ b/public/index.html
@@ -197,11 +197,35 @@
   </div>
 </header>
 
+<section id="proof" style="padding:64px 0">
+  <div class="wrap offer">
+    <div>
+      <div class="eyebrow">where this started</div>
+      <blockquote class="panel" style="margin:0;border-left:2px solid var(--acc)">
+        <p style="margin:0;font-size:17px;line-height:1.5;color:#e9e9e4">"he started billing <span class="acc">$15k a site</span> the moment six skills sat in his claude — same claude everyone opens, but before he types a single word of a brief there are six specialized skills already running in context, each one owning a piece of the site, so the model never has to guess."</p>
+        <div style="display:flex;align-items:center;gap:8px;margin-top:16px;font-size:13px" class="mut">
+          <span style="width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,#c6ff3a,#7cf1c0);display:inline-block"></span>
+          <b style="color:var(--ink)">Bounce</b>
+          <span class="acc" title="verified">✓</span>
+          <span class="mono">@bounceidc</span>
+          <span>· 54 ❤ · 61s video</span>
+        </div>
+        <a class="mono" style="display:inline-block;margin-top:12px;font-size:12px;color:var(--acc);text-decoration:none" href="https://x.com/bounceidc/status/2076312794279125005" target="_blank" rel="noopener noreferrer">read the original on X →</a>
+      </blockquote>
+    </div>
+    <div>
+      <h2 style="font-size:clamp(24px,3.4vw,34px);max-width:16ch">you're looking at one of them.</h2>
+      <p class="mut" style="margin-top:16px;max-width:42ch;font-size:15.5px">this page was built with the exact six-skill stack it describes — brief, front-end, design, components, motion, media, all loaded before the first line. the proof isn't a testimonial; it's the thing you're reading.</p>
+      <p class="mut" style="margin-top:14px;max-width:42ch;font-size:14px">want your own? that's the whole offer below.</p>
+    </div>
+  </div>
+</section>
+
 <section id="system">
   <div class="wrap">
     <div class="eyebrow">the system</div>
     <h2 style="font-size:clamp(28px,4vw,42px);max-width:20ch">the model doesn't guess. six skills each own a piece.</h2>
-    <p class="mut" style="max-width:58ch;margin-top:18px">everyone has the same model. the difference is what's <em>in the room</em> before the work starts. bounce pre-loads a specialist for every stage of the site — so nothing is improvised and nothing is left to a lucky prompt.</p>
+    <p class="mut" style="max-width:58ch;margin-top:18px">a <b style="color:var(--ink);font-weight:600">skill</b> is a specialist the AI loads before it works — a tight set of instructions and taste for one job, so it acts like an expert on that piece instead of winging it. everyone has the same model; the difference is what's <em>in the room</em> before the work starts. bounce pre-loads one specialist for every stage of the site — nothing improvised, nothing left to a lucky prompt.</p>
 
     <div class="grid6">
       <div class="card reveal"><div class="no">SKILL 01</div><h3>brief</h3><p>writes the design brief and locks it in — the palette, the type, the motion language — before a single line of layout exists, so nothing downstream has to guess.</p><div class="owns">owns → colors, fonts &amp; motion</div></div>
@@ -257,7 +281,7 @@
   <div class="wrap" style="max-width:820px">
     <div class="eyebrow">questions</div>
     <h2 style="font-size:clamp(26px,3.6vw,38px);margin-bottom:22px">the honest answers</h2>
-    <details open><summary>is this just "chatgpt made my website"?</summary><p>no. the difference is the six skills that sit in context before the brief — a specialist owning each stage. the model isn't guessing its way through one giant prompt; it's running a pipeline that's been tuned on real sites. same model, completely different room.</p></details>
+    <details open><summary>is this just "chatgpt made my website"?</summary><p>no. the difference is the six skills that sit in context before the brief — a specialist owning each stage. the model isn't guessing its way through one giant prompt; it's running a repeatable pipeline where every stage has one job and one owner. same model, completely different room. this page is a working example of it.</p></details>
     <details><summary>why $15k if a model does the work?</summary><p>you're paying for the system and the judgment around it, not keystrokes. the result is a launch-ready, browser-proven site in about a week, fixed-price, with no back-and-forth tax. that's the value — a great site, fast, at a number that doesn't move.</p></details>
     <details><summary>what do you need from me?</summary><p>a reference and the outcome you want. that's the intake. the brief skill turns it into a spec; you approve the direction; the rest runs.</p></details>
     <details><summary>who holds the keys?</summary><p>you do. deploy, domain, and go-live are never automatic — the build ships one switch from live and you flip it. you own the code outright.</p></details>
← 1b8af9c 5x: two clean sweeps (2 & 3) — six-way verified, REPORT.md · back to Bounce Studio · Pre-flight for go-live: rate-limit /api/waitlist (429 after 904982e →