The landing page for App Automaton, the open-source workshop of AppCubic. It catalogs everything public on four shelves: SKILLs for coding agents, harnesses and runtimes, pure-MLX work for Apple silicon, and creative harnesses.
- Vite + React 19, TypeScript
- Astryx, Meta's open design system, as the component and token layer. The whole visual identity is a single
defineTheme()call insrc/theme.tsplus a small set of vibe variables. - Self-hosted OFL fonts: Sirin Stencil (display), Secuela (body), Routed Gothic (mono). Each font's license ships in
src/fonts/LICENSES/.
npm install
npm run devnpm run buildThe build typechecks, bundles, then runs scripts/prerender.mjs, which renders the page in headless Chromium and writes the result back to dist/index.html. Crawlers that skip JavaScript still see the full catalog as static HTML. The prerender needs a Playwright Chromium: npx playwright install chromium.
Pushes to main deploy through .github/workflows/deploy.yml (GitHub Pages, workflow build type).
The catalog lives in src/data/catalog.ts and is the single source of truth: the shelves, the cards, the unit counts, and the JSON-LD structured data all render from it. Agent-facing copy is mirrored in public/llms.txt.
One structural rule for this org: this site never owns a bare one-segment path like /some-project/, because project repos' own GitHub Pages resolve there and would silently shadow it. Any future page on this site lives under a two-segment path such as /projects/<slug>/.
MIT for everything in this repo except the fonts, which keep their own OFL licenses. See LICENSE.