Website — Testing skill for Claude Code
A personal scrollytelling site where scroll is time: 20 years in the Czech Air Force, 17 of them flying — jets, later acceptance test pilot — in one continuous flight.
How to install Website
This entry records only its repository, not the path inside it, so there is no
exact command to give. Open Martin8O/Website and copy the folder into
~/.claude/skills/, or the file into ~/.claude/agents/.
What Website does
A personal scrollytelling site where scroll is time: 20 years in the Czech Air Force, 17 of them flying — jets, later acceptance test pilot — in one continuous flight. 2D canvas worlds plus an additive 3D layer (three.js) flying real GLB aircraft, gated so the 2D story is a complete fallback. Built with Claude Code. React + TypeScript + Vite.
Alternatives in Testing
- Develop Web Game — Build and test web games iteratively using Playwright with time-stepping 14.6k ★
- Grill — Sharpen a fuzzy idea into §G/§C before spec 1.1k ★
- Verify Setup — One-time auth setup for /verify 107 ★
README
Martin Svoboda — Portfolio & Story
An empty folder to production in 4 days — then a 3D layer in 6 more.
Built with Claude Code, by a pilot, not a programmer.
A personal **scrollytelling website**: you scroll, and a life flies past — school & Pascal chess → military jet pilot (Z‑142, L‑39, L‑159) → Afghanistan → airshow display flying → self‑healing → Bitcoin → building with Claude Code. **Scroll = time.** The story is the hook, the projects are the proof, a single email is the goal.
The aircraft flying over the canvas are the types I actually flew in the Czech Air Force. The green cockpit HUD is drawn procedurally in code — modelled on a reference image, in the generic military‑jet HUD vocabulary. It isn't the L‑159's own instrument; but the L‑159's HUD *was* green, so the green shows up only in the L‑159 moments.
Live: **https://svobodamartin.dev**
**On how this was built.** I spent 20 years in the Czech Air Force, 17 of them flying military jets, later as an acceptance test pilot. I'm not a career developer: I don't hand-write the code, I direct it with **Claude Code** and verify everything. That's stated on the site itself, and it's the honest frame for this repo: what I brought is the discipline the job beat into me. Nothing shipped until it was verified. **Architecture decision records** capture *why* (including the ones where I record my own wrong diagnoses), every mobile bug was reproduced by a harness that provably failed on the pre-fix code, and `npm run check` had to be green before every commit.

Stack
- Vite 6 + React 18 + TypeScript 5.7 (strict) — no framework beyond React.
- HTML Canvas 2D — every scene is a pure
render(ctx, alpha, localT, time, cfg)function. - three.js r182 + React Three Fiber 8 — the additive 3D layer (8 real GLB airc
Related Skills
Pi Webgl Scroll Site
A verified AI-agent skill for building scroll-driven WebGL/three.js sites: working spine, measured gotchas, nu
18 Scroll Driven Product Landing Page Builder
You are an autonomous senior product website builder, creative director, frontend developer, copywriter, asset
Hiberius Skills
Ten Agent Skills from fifteen years of performance marketing and the systems built around it: CPA profit maths
Claude Code Dev Workflow
A Claude Code plugin marketplace that turns a personal engineering workflow into one-click superpowers — forge
Content Coach
A personal LinkedIn content coach for Claude Code - your playbook, your voice, the 3-2-1 system, the slide tes
Continuous Retest Loop
Re-test a target on every change instead of once per engagement — detect drift, then re-run ONLY the affected
Related Agents
Pilot
General-purpose AI work companion for non-technical users — pilot is the flight plugin's single agent. Analyze
Template Cloner
Use this agent whenever Pulkit gives a UI template/website URL in the fable repo and wants it reproduced same-
Web Developer
Frontend web developer for building and improving the personal portfolio website. Specializes in HTML, CSS, Ja