[object Object]

← back to Bounce Studio

Sharpen six-skill copy to the real @bounceidc stack (from video transcript) + draft deploy conf

5d772691ade980a674d632640cc3b5bd378057de · 2026-07-13 15:28:38 -0700 · Steve

Files touched

Diff

commit 5d772691ade980a674d632640cc3b5bd378057de
Author: Steve <steve@designerwallcoverings.com>
Date:   Mon Jul 13 15:28:38 2026 -0700

    Sharpen six-skill copy to the real @bounceidc stack (from video transcript) + draft deploy conf
---
 .deploy.conf      |  6 ++++++
 public/index.html | 26 +++++++++++++-------------
 2 files changed, 19 insertions(+), 13 deletions(-)

diff --git a/.deploy.conf b/.deploy.conf
new file mode 100644
index 0000000..d588eb0
--- /dev/null
+++ b/.deploy.conf
@@ -0,0 +1,6 @@
+# Deploy config for bounce-studio (consumed by /deploy → ~/Projects/_shared/scripts/deploy.sh)
+# DRAFT — nothing deploys until Steve approves. Port is provisional; confirm it's free on Kamatera.
+PROJECT_NAME=bounce-studio
+DEPLOY_PATH=/root/public-projects/bounce-studio
+HEALTH_URL=http://127.0.0.1:9948/healthz
+PORT=9948
diff --git a/public/index.html b/public/index.html
index 6ba4e78..baceb2f 100644
--- a/public/index.html
+++ b/public/index.html
@@ -166,7 +166,7 @@
     <div>
       <div class="eyebrow">six skills · one site · zero guessing</div>
       <h1>premium sites,<br>before you write<br>the <span class="acc">brief</span>.</h1>
-      <p class="lede">same claude everyone opens. but <b>six specialized skills are already running in context</b> before a single word of the brief — each one owns a piece of the site, so the model never has to guess.</p>
+      <p class="lede">same claude everyone opens. but <b>six specialized skills are already running in context</b> before a single word of the brief — brief, front-end, design, components, motion, and media, each owning a piece — so the model never guesses and the site comes out immersive, animated, and built to convert.</p>
       <div class="cta-row">
         <a class="btn" href="#start">book a $15k build →</a>
         <a class="btn ghost" href="#system">see the six skills</a>
@@ -183,12 +183,12 @@
         <span style="margin-left:8px">claude — context loaded</span></div>
       <div class="term-body">
 <div class="ln mut"># before you type anything:</div>
-<div class="ln"><span class="ok">✓</span> <span class="skill">brief</span>       <span class="mut">scopes the link → one-paragraph spec</span></div>
-<div class="ln"><span class="ok">✓</span> <span class="skill">direction</span>   <span class="mut">picks the look from real refs</span></div>
-<div class="ln"><span class="ok">✓</span> <span class="skill">scaffold</span>    <span class="mut">gitified project, house rules baked in</span></div>
-<div class="ln"><span class="ok">✓</span> <span class="skill">build</span>       <span class="mut">implements the spec, senior-grade</span></div>
-<div class="ln"><span class="ok">✓</span> <span class="skill">verify</span>      <span class="mut">six-way proof, self-heals</span></div>
-<div class="ln"><span class="ok">✓</span> <span class="skill">launch</span>      <span class="mut">one switch from live</span></div>
+<div class="ln"><span class="ok">✓</span> <span class="skill">brief</span>        <span class="mut">locks colors, fonts, motion</span></div>
+<div class="ln"><span class="ok">✓</span> <span class="skill">frontend</span>     <span class="mut">turns the brief into code</span></div>
+<div class="ln"><span class="ok">✓</span> <span class="skill">design</span>       <span class="mut">polished pages &amp; decks</span></div>
+<div class="ln"><span class="ok">✓</span> <span class="skill">components</span>   <span class="mut">animated, drop-in ready</span></div>
+<div class="ln"><span class="ok">✓</span> <span class="skill">motion</span>       <span class="mut">scroll reveals, fades</span></div>
+<div class="ln"><span class="ok">✓</span> <span class="skill">media</span>        <span class="mut">generated images &amp; video</span></div>
 <div class="ln mut" style="margin-top:6px">context: <span class="acc">6/6 skills active</span></div>
 <div class="ln">brief&gt; <span class="cur"></span></div>
       </div>
@@ -203,12 +203,12 @@
     <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>
 
     <div class="grid6">
-      <div class="card reveal"><div class="no">SKILL 01</div><h3>brief</h3><p>turns a link, a screenshot, or two sentences into a scoped one-paragraph spec — the outcome, the constraints, the "high value." no build starts without it.</p><div class="owns">owns → what we're building</div></div>
-      <div class="card reveal"><div class="no">SKILL 02</div><h3>direction</h3><p>pulls real reference sites, not a blind guess. picks a look, a type system, a hero treatment — then locks it before a line of layout is written.</p><div class="owns">owns → how it looks</div></div>
-      <div class="card reveal"><div class="no">SKILL 03</div><h3>scaffold</h3><p>stands the project up in seconds — gitified, versioned, house rules baked in, a real server, the content shape already correct.</p><div class="owns">owns → the foundation</div></div>
-      <div class="card reveal"><div class="no">SKILL 04</div><h3>build</h3><p>implements the spec at senior grade — components, state, responsiveness, accessibility — reusing what already works instead of reinventing it.</p><div class="owns">owns → the actual code</div></div>
-      <div class="card reveal"><div class="no">SKILL 05</div><h3>verify</h3><p>proves it works before you ever see it: request, render, interact, and three real browsers — fixing what breaks on every sweep until it's clean.</p><div class="owns">owns → does it actually work</div></div>
-      <div class="card reveal"><div class="no">SKILL 06</div><h3>launch</h3><p>ships everything one switch from live. deploy, dns, and go-live stay in your hands — nothing goes public without your explicit say-so.</p><div class="owns">owns → the handoff</div></div>
+      <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>
+      <div class="card reveal"><div class="no">SKILL 02</div><h3>front-end</h3><p>takes that brief and turns it straight into clean, responsive code. the spec becomes the site — no telephone-game between "designed" and "built."</p><div class="owns">owns → the actual code</div></div>
+      <div class="card reveal"><div class="no">SKILL 03</div><h3>design</h3><p>a full design surface for polished pages and decks — the right prompt produces flagship-grade layouts, not a stock template you have to rescue.</p><div class="owns">owns → the visual craft</div></div>
+      <div class="card reveal"><div class="no">SKILL 04</div><h3>components</h3><p>a library of animated, production-ready components — the sliders, cards, navs, and interactions — dropped in already working, not rebuilt from scratch.</p><div class="owns">owns → the interactive parts</div></div>
+      <div class="card reveal"><div class="no">SKILL 05</div><h3>motion</h3><p>controls every fade-in, fade-out, and scroll reveal on the page. the difference between a flat page and one that feels alive as you move through it.</p><div class="owns">owns → how it moves</div></div>
+      <div class="card reveal"><div class="no">SKILL 06</div><h3>media</h3><p>generates the imagery and video across the whole site — original, on-brand, and immersive — so the page is never waiting on a stock-photo budget.</p><div class="owns">owns → images &amp; video</div></div>
     </div>
   </div>
 </section>

← 3f82b4b Build Bounce landing — six-skills productized web-studio fun  ·  back to Bounce Studio  ·  5x sweep 1: add SVG favicon → kill /favicon.ico 404 (clears 2c7c651 →