Lab

Small, interactive pieces from this site. Each one installs into your own React project with one command.

Works with shadcn · React · TailwindHow installing works

Dot field
Turns a picture or a word into dots that move out of the cursor's way, and drift back when it leaves.
$ npx shadcn@latest add https://savi.fyi/r/dot-field.json
Used on the homepage and in the Linear note
Color die
A 3D die with a color on every face. Throw it or spin it, and whatever lands facing you is the pick.
$ npx shadcn@latest add https://savi.fyi/r/color-die.json
Recolors this site · Three.js, lazy-loaded
Contribution dots
Your GitHub year as dots that grow with how busy each day was, with the numbers on top.
$ npx shadcn@latest add https://savi.fyi/r/contribution-dots.json
Used on the homepage · Comes with a server helper
Walkies
A tiny 3D runner: a dog on a dotted path, jumping hydrants and grabbing bones. Pick the dog, its coat and the pace.
$ npx shadcn@latest add https://savi.fyi/r/walkies.json
Used on the homepage · Three.js, lazy-loaded
grillinggrill-with-docsreframedomain-modelingwayfinderto-specto-ticketstriageresearcheli5howwhyarchitectarenacodebase-designengineering-principlesimprove-codebase-architectureblast-radiuscorrectno-commentswriting-for-agentsorchestrationgoal-swarmtdddiagnosing-bugsprototypereact-best-practicesreact-doctorsnip-snapsnipsnap-do-choresgauntlet-loopagent-loginverifyshowroomreviewreview-sweepreview-fix-loopprgh-stackmergerepo-cleanuphandoffretrosetup-sreestackui-designanimateweb-component-inspirationswiftuiuikitapp-intentsios-hapticsswift-testing-modernizationxcode-security-auditapp-store-connectkoubouMatt PocockLauren TanEmil KowalskiVercelAnthropicGitHubReact DoctorRudrank RiyamKoubouRoboNuggetsPonytailCursorgood-cssRefactoring UIOpenClawtransitions.devxcode27-skillsDavid KhourshidGPT-6.1 SolGemini 4 ArgonGrok 4.7DeepSeek v4.1 FlashGLM 5.3 FlashGemini 3.8 Flash
Think
grilling · Interrogates a plan until the weak spots show.
grill-with-docs · The same grilling, writing the glossary and decisions down as it goes.
reframe · Turns a fuzzy ask into a brief: outcome, constraints, finish line.
domain-modeling · Keeps the project's words and decisions written down and sharp.
wayfinder · Maps work too big for one session into decisions, solved one at a time.
to-spec · Turns a conversation into a spec on the issue tracker.
to-tickets · Splits a plan into small tickets with their blockers marked.
triage · Sorts incoming issues and PRs into briefs an agent can pick up.
research · Answers questions from primary sources, with citations.
eli5 · Explains anything like you're five.
how · Traces how existing code actually runs.
why · Digs through history for why the code is the way it is.
Design
architect · Sketches the interfaces first, then stays while the build fills them in.
arena · Makes several attempts at once and grafts the best parts into one.
codebase-design · A shared vocabulary for deep modules and where the seams go.
engineering-principles · The house rules: data models, interfaces, migrations, evidence.
improve-codebase-architecture · Finds structural improvements and backs them with evidence.
blast-radius · Checks what a change could break beyond its diff.
correct · Turns mistakes agents keep making into checks that stop them.
no-comments · Deletes comments that excuse code, and fixes the code instead.
writing-for-agents · How to write skills and instructions agents actually follow.
Build
orchestration · Picks a model for each job and coordinates the agents.
goal-swarm · Chases a goal to the finish, alone or with a swarm of attempts.
tdd · Red, green, refactor.
diagnosing-bugs · A loop for hard bugs and slowdowns.
prototype · Throwaway prototypes that answer a design question fast.
react-best-practices · React and Next.js speed: waterfalls, bundles, re-renders.
react-doctor · Scans React code for problems and traces performance.
snip-snap · Parks out-of-scope ideas in Snip Snap for later.
snipsnap-do-chores · Works through the parked chores.
gauntlet-loop · Writes a prompt for a builder-and-critic loop against a real bar.
agent-login · Signs agents into apps with approved credentials.
Prove
verify · Proves the work: real workflows, evaluation plans, invariants.
showroom · Shows the work in a form you can try before handoff.
review · An independent review that reports findings and fixes nothing.
review-sweep · Checks review and CI findings and fixes the real ones.
review-fix-loop · Rounds of independent review and fixes until it's clean.
Ship
pr · Writes, opens and tends a pull request.
gh-stack · Stacked pull requests on GitHub.
merge · Merges a ready PR or stack and tidies up after it.
repo-cleanup · Clears out finished worktrees, dev apps and simulators.
handoff · A compact note so the next session can pick the work up.
retro · A retrospective on a coding session.
setup-sreestack · Sets a repo up for this whole way of working.
Interface
ui-design · Visual hierarchy, design systems, CSS and accessibility.
animate · When to animate and how, on the web and Apple platforms.
web-component-inspiration · Finds and weighs UI references for a feature.
Apple
swiftui · SwiftUI views, state and navigation.
uikit · UIKit controllers, layout and accessibility.
app-intents · Opens an app's actions to Siri, Shortcuts and Spotlight.
ios-haptics · Designs and tunes haptics, in step with motion and sound.
swift-testing-modernization · Moves old XCTest suites to Swift Testing.
xcode-security-audit · Hardens an Xcode project's security settings.
app-store-connect · Builds, TestFlight, releases and App Review.
koubou · Designs App Store screenshots.
Matt Pocock · Shaped 20 skills.
Lauren Tan · Shaped 15 skills.
Emil Kowalski · Shaped 5 skills.
Vercel · Shaped one skill.
Anthropic · Shaped 2 skills.
GitHub · Shaped one skill.
React Doctor · Shaped one skill.
Rudrank Riyam · Shaped one skill.
Koubou · Shaped one skill.
RoboNuggets · Shaped one skill.
Ponytail · Shaped 2 skills.
Cursor · Shaped one skill.
good-css · Shaped 2 skills.
Refactoring UI · Shaped one skill.
OpenClaw · Shaped one skill.
transitions.dev · Shaped one skill.
xcode27-skills · Shaped 2 skills.
David Khourshid · Shaped one skill.
GPT-6.1 Sol · Codex. Builds, researches and does the first review.
Gemini 4 Argon · Antigravity. Watches YouTube, and reviews second.
Grok 4.7 · Reads X.
DeepSeek v4.1 Flash · OpenCode. First in line for an alternate review.
GLM 5.3 Flash · OpenCode. First in line for an alternate review.
Gemini 3.8 Flash · Antigravity. Third in line for review.
Knowledge brain
Any graph of ideas, tools or people as a 3D brain. Click a dot to fly to it and walk its links.
$ npx shadcn@latest add https://savi.fyi/r/knowledge-brain.json
Used in two notes · Three.js, lazy-loaded