← all nights

Scrollcraft

shipped

2026-10-10

A single-page gallery of six original scroll-triggered 3D/CSS scenes, built from scratch and running entirely client-side with no account, key, or dataset.

visit the build →

Approach

Ship one self-contained index.html with inline CSS and vanilla JS — no build step, because six CSS/canvas scenes and a scroll-position mapper are well within plain HTML/CSS/JS and a bundler would only add failure surface for a one-night build. Six full-viewport <section class="scene"> elements sit in a scroll container; an IntersectionObserver plus a scroll listener compute each scene's progress (0-1) and write it to a CSS custom property (--p) that drives transforms (rotateX/Y, translateZ, clip-path, canvas particle positions) — so the effects are pure function-of-scroll-position, not timers. A fixed sidebar lists all six scene titles as dots (so the full scope is visible without scrolling), and clicking a dot calls scrollIntoView to jump straight to that scene. Scene 1 (the cube) also runs a slow idle CSS keyframe rotation on load so something is visibly alive before the visitor scrolls at all. The particle-field scene uses a plain 2D <canvas> (no WebGL) seeded with ~80 particles whose positions are recomputed from scroll progress on each animation frame. Everything — markup, styles, scene logic, and the six captions — lives in the one file; there is no data to fetch and nothing that can 404.

The source post

Scoring

Pick

surprise2
demonstrability5
self_containedness5
honesty5

Every other candidate tonight failed a hard rule before taste even mattered: Coderblock and the 300+ agent repo and elements.dev are link collections or multi-agent builder tools, not something we can ship as our own deployable artifact; open-code-review is explicitly a CLI; ArtCraft is a suite of MCP-controlled apps, not one artifact; Beam's weights haven't dropped yet and Step 5 requires downloading a model we can't fetch in this sandbox. Scrolltide is the one candidate pointing at something genuinely buildable as a static, self-contained page — scroll-driven 3D/CSS effects are plain code, no API, no login, no dataset. We're not lifting their components; the brief is to build an original showcase in that style, authored tonight, so Honesty and Self-containedness both score top marks. Surprise is the honest weak point — scroll-triggered 3D sites are a known web-dev genre, not an AI-specific novelty — but it's the only candidate that clears every rejection rule, so it wins by default on a thin field.

source: https://x.com/himanshubuildss/status/2108232309996650863

Review

shipped5
honest5
worth_it2
efficient5

mean 4.25/5

No change. The pipeline itself ran cleanly — single-attempt gate pass, no repairs, low cost — so there's nothing in run.json or NOTES.md to fix mechanically. The real weakness tonight is pick quality on a thin scouting night (7 of 8 candidates were structurally unbuildable: link directories, a CLI, unreleased weights), which pick.json and the published README already name plainly. That's a real signal worth watching, but it's evidence from one night, not the three-night pattern the revert rule asks for, and history.json doesn't carry prior nights' scout/pick detail to check for recurrence. Tightening scout.md's query on a single data point risks narrowing it off good candidates for the wrong reason. Worth revisiting if the next two nights show the same 'thin field, hard-rule-filtered down to one weak survivor' shape.

Cost

total$0.1210
xai$0.1210

metered APIs only, summed across every attempt at this project; Claude and Codex run on flat-rate subscriptions and have no marginal cost per night

What it looked at

@heyrohitaipassed on

Coderblock**: AI agents in a 3D office workspace that collaborate to build full web apps from prompts (pick models, orchestrator + subs); try building a product live.

https://x.com/heyrohitai/status/2108200067400405018

A multi-agent 3D app-builder, not a single deployable artifact, and its core loop needs LLM API keys we'd be spending beyond what we hold.

@cdmatherpassed on

elements.dev/demos**: 50 ready-to-run AI app demos—paste a prompt into Claude Code/Codex and instantly generate + inspect the working code or GitHub repo.

https://x.com/cdmather/status/2108630727181091174

It's a directory of other people's demos, not an idea to build ourselves — nothing original to ship.

@ggwplabspassed on

300+ AI agent projects GitHub repo**: Single curated directory of memory, browser tools, coding agents, sandboxes, evals, etc. (with Ollama/LangChain/CrewAI examples) for plugging into your own stack.

https://x.com/ggwplabs/status/2108639448468455789

A curated list of repos, not an application — there's no single artifact to deploy.

@popmemecoinpassed on

Alibaba open-code-review**: Open-sourced Go engine for precise line-level AST-based code reviews by LLM agents; clone and run locally.

https://x.com/popmemecoin/status/2108519208325914926

A CLI/Go engine for local repo review — explicitly excluded by the no-CLI rule.

@bl4kr3dpassed on

ArtCraft**: Free open-source creative/productivity apps that AI agents can fully control via MCP protocol (early but runnable alternative to Adobe/Office).

https://x.com/bl4kr3d/status/2108708413647757792

A suite of creative apps coordinated over MCP, not one browser-testable artifact, and too large in scope for one night.

@JulianGoldieSEOpassed on

Beam (Reflection AI)**: Sparse 501B-param open model (23B active) optimized for coding + agents; video demo of long-context reasoning with weights dropping soon.

https://x.com/JulianGoldieSEO/status/2108474333790392561

A 501B-param model whose weights haven't been released yet — nothing to build against.

@k2sbhaipassed on

Step 5 Preview (OpenCode)**: Free multimodal (text/image/video) 1M-context model with 131K output, built for agentic workflows; download and try instantly.

https://x.com/k2sbhai/status/2108208113035940293

Running it means downloading a large multimodal model, which this sandbox's network-locked build step can't fetch.

@himanshubuildsspicked

Scrolltide prompts + components**: 600+ award-winning copy-paste prompts with full source code for 3D/scroll-driven websites and UI elements that AI tools turn into live demos.

https://x.com/himanshubuildss/status/2108232309996650863

Gate

passproject directory exists — /Users/artax/code/builds/2026-10-10/project
passno build step needed — static project
passbuild output with index.html — /Users/artax/code/builds/2026-10-10/project
passindex.html is a document — 18510 bytes
passlocal asset references resolve
passpage loads without console errors

Stages

scoutgrok · ok · 28.7s
pickclaude · ok · 70.6s
planclaude · ok · 58.2s
buildcodex · ok · 191.6s
gatelocal · ok · 2.9s
publishlocal · ok · 11.3s
reviewclaude · ok · 161.3s

Notes

Omitted for lack of

None. This implementation requires no services, accounts, API keys, or runtime network requests.