Session Handoff — Artifact Playground: locked lead-magnet build + 7 new 21st.dev effects (now 100 effects)

Where it started

Continuation of the Artifacts Playground (single self-contained index.html). This session did two things: (1) built a lead-magnet copy with the Claude prompts physically removed and a "Upgrade to Premium STARS" gate, zipped for upload to static.app; (2) reworked the particle/background effects and added 7 new effects recreated from 21st.dev at the top. Master is the source of truth; the lead magnet is generated from it by a script.

Decisions locked + what shipped

• NOT a public Claude Artifact (anyone can steal an artifact). Final home for the real version = an Amplif-AI subdomain, members-only, later. Name locked to "Artifact Playground" (title + H1).
• Lead magnet = prompts physically stripped. Every prompt:P('...') deleted from the file (not hidden — gone from View Source). Copy buttons replaced by one lock: "Upgrade to Premium STARS to Unlock Prompt" → https://www.skool.com/amplif-ai-your-business/plans.
• Nav = two buttons: "Join AmplifAI Your Business Skool" → community (https://www.skool.com/amplif-ai-your-business); "Upgrade to Premium STARS" (gold) → /plans. Sticky top STARS bar + footer also point at /plans.
• Hosting = static.app (she is purchasing it; also a teaching example for Stars: "you don't need Base44"). Upload the zip; index.html at zip root.
• Effect edits (master + lead magnet): Falling Stars→Shooting Stars; Rising Bubbles→Tiny Bubbles (smaller); Falling Snow→Winter Snowfall (real ❄ glyphs); Twinkling Stars→Starry Night; Hearts→multicolor; Emoji Rain→new emoji set; removed Film Grain + Falling Petals; added Fireworks (slow, drip-trails, first in Backgrounds). All touched descriptions rewritten so they are not Katya's wording.
• 7 new 21st.dev recreations (vanilla, zero-dependency, Artifact-safe), added at top: Backgrounds — ethshadow Ethereal Shadow, spookysmoke Spooky Smoke, fallingpattern Falling Pattern, neuronoise Neuro Noise (raw WebGL/GLSL), bggradient Background Gradient (cursor-follow), flickergrid Flickering Grid; Text — particletext Particle Text ("AMPLIF-AI"). Then tuned per feedback: Falling Pattern smaller+slower, Spooky Smoke slowed (45s/60s), Flickering Grid redone = white bg + soft pastel boxes, slow flicker; Ethereal Shadow brightened to a glowing violet mass (was a black void).
• Totals now: 100 effects, 10 categories. All 7 new ones screenshot-verified rendering.

Key files for next session

• c:\Users\srver\AIOS-Workspace\aios-starter-kit\PROJECTS\Artifacts Workshop\index.html — THE MASTER. 100 effects. Architecture: each effect = inert <template data-snip="id"> → lazy <iframe srcdoc> via mount(f) (prepends FONT). Metadata in EFFECTS[]; render order within a category follows array order; categories CATS[]; card DOM buildCard(e); affordance afford(e) + IX/IXM maps; copy/replay handlers in the single grid click listener. Still has working copy buttons (this is the paid/real version).
• c:\Users\srver\AIOS-Workspace\aios-starter-kit\PROJECTS\Artifacts Workshop\lead-magnet\index.html + ...\lead-magnet\artifact-playground-lead-magnet.zip — the deliverable to post. Regenerated from master by the script below.
• C:\Users\srver\AppData\Local\Temp\claude\c--Users-srver-AIOS-Workspace-aios-starter-kit\52857e7c-f32d-4d3e-bb5d-cd15816bc518\scratchpad\build_lead_magnet.py — EPHEMERAL (session scratchpad, will be gone next session). Recreate if needed. What it does: reads master → regex-strips all prompt:P('...')→prompt:'' → rewrites title/H1/hero-sub/step02/stat → swaps the two card copy buttons for one <a class="btn lock"> to STARS → replaces nav with the two-button block → footer CTA → STARS → injects sticky .lockbar + CSS → writes lead-magnet/index.html and zips it as index.html at root. Constants: STARS=https://www.skool.com/amplif-ai-your-business/plans, COMMUNITY=https://www.skool.com/amplif-ai-your-business. The count string ("100" / "all 100") is hardcoded in 3 places — bump it whenever the effect count changes, before regenerating.
• c:\Users\srver\AIOS-Workspace\aios-starter-kit\PROJECTS\Artifacts Workshop\SONDRA-FEEDBACK-SPEC.md — her earlier full critique (badge/replay/alive-at-rest rules). Still the design bar.
• Plan file: none.
• Memory files touched: none.

Running state

• Background process: detached python -m http.server 4788 serving PROJECTS\Artifacts Workshop\, PID 39868 (from a prior session, NOT a tracked shell ID). Kill: taskkill //F //PID 39868. Lead magnet served at /lead-magnet/index.html.
• Playwright MCP browser: open on http://127.0.0.1:4788/lead-magnet/index.html. MCP screenshots write to workspace ROOT (c:\Users\srver\AIOS-Workspace\aios-starter-kit\); all temp *.jpeg created this session were deleted.
• Open worktrees / branches: none.

Verification — how to confirm things still work

• Open http://127.0.0.1:4788/lead-magnet/index.html?v=9 (hard-refresh Ctrl+Shift+R). Expect: 100 effects; Backgrounds leads Ethereal Shadow → Spooky Smoke → Falling Pattern → Neuro Noise → Background Gradient → Flickering Grid → Fireworks; Text leads with Particle Text; every card has a corner affordance badge + replay + a single "Upgrade to Premium STARS" lock (no copy buttons).
• If server down: cd "c:\Users\srver\AIOS-Workspace\aios-starter-kit\PROJECTS\Artifacts Workshop" && python -m http.server 4788.
• Static checks: grep -c "data-snip=" index.html (templates), grep -c "prompt:P('" lead-magnet/index.html (=0), grep -c "cat:'bg'" index.html.
• Regenerate lead magnet after any master edit: run the ephemeral build_lead_magnet.py (recreate first if the scratchpad is gone).

Deferred + open questions

• Open — Katya overlap not fully cleared. Only the effects edited this session were renamed/reworded. The other ~75 effect names/blurbs and the 10 category names are still the original wording; may overlap with Katya's (she is in Sondra's community). Offered a full rename+reword sweep of all 100 — awaiting go.
• Open — she is sending MORE effects to add (via 21st.dev URLs, and earlier a Mux .m3u8). Workflow proven: pull frames with ffmpeg -i <url> -vf fps=1 -frames:v 6 out_%02d.png, study, rebuild as vanilla self-contained effect + prompt. 21st.dev components are React/shader → always recreated as vanilla, never ported.
• Deferred — static.app not set up yet. After she creates the site + URL: (1) add a CEO-dashboard card under the project pointing at it, (2) bake in a 🔒/⚡ favicon (currently 404s locally, harmless).
• Deferred — Neuro Noise WebGL fallback. Shows a black square on the rare WebGL-disabled device. Offered a one-line CSS fallback glow; not added.
• Open (carried from prior handoff, never resolved) — the "how it starts / make the hero gorgeous" concern. She pivoted to the lead magnet; the top hero was never revisited against her reference-library bar.
• Deferred (unrelated) — marlowe-vsl-closer.skill still unprocessed in _INBOX-DROP-FILES-HERE\new skills to add\.

Pick up here

She is mid-flow feeding new effects to add and may want the full Katya-safe rename/reword sweep of all 100 — do whichever she names next, edit the MASTER, then regenerate the lead-magnet zip (bump the hardcoded count first). Read SONDRA-FEEDBACK-SPEC.md for the design bar.