# Prototemplate

> Kevin Liu's hub for General Translation design work: the design lab, the brand book, the deck, the handbook, the curated skills and the docs. General Translation (https://generaltranslation.com) is the localization platform for developers.

Prototemplate is served at https://www.prototemplate.com, the canonical address, and every link here uses it. Every docs page and handbook document has a Markdown twin at its address plus .md, and https://www.prototemplate.com/llms-full.txt holds the text of all of them in reading order.

An agent starts with the agent guide (https://www.prototemplate.com/AGENTS.md, and https://www.prototemplate.com/handbook/agents on the site), then the operating principles in the handbook, then the skill for its task.

## Docs

Ten pages on how Prototemplate works, in the docs layout generaltranslation.com runs. The last one explains how to use the docs site as a template.

- [What Prototemplate is](https://www.prototemplate.com/docs): Prototemplate is Kevin Liu's hub and working wiki for General Translation work: what it holds, who reads it and the order to read it in. Markdown: https://www.prototemplate.com/docs.md
- [Get started](https://www.prototemplate.com/docs/get-started): Clone the repository, install it, check the machine with the doctor, run the dev server, and work beside other sessions in a worktree. Markdown: https://www.prototemplate.com/docs/get-started.md
- [Pages and the viewer shell](https://www.prototemplate.com/docs/pages): Every route and what it holds, the viewer shell that frames most of them, the book page standard, and the registries a new page touches. Markdown: https://www.prototemplate.com/docs/pages.md
- [The design lab and the directions](https://www.prototemplate.com/docs/directions): The 27 directions under /d: the explorations, the three site concepts, the production mirror, and how the gallery presents them. Markdown: https://www.prototemplate.com/docs/directions.md
- [The brand deck](https://www.prototemplate.com/docs/deck): The brand deck in deck/: its slides on a 1600 by 900 sheet, the grammar they follow, and the build that serves it at /deck. Markdown: https://www.prototemplate.com/docs/deck.md
- [Skills](https://www.prototemplate.com/docs/skills): The curated agent skills in skills/: the contract each one keeps, the build that checks it, where they are served and how to install them. Markdown: https://www.prototemplate.com/docs/skills.md
- [Scripts and generated files](https://www.prototemplate.com/docs/scripts): The scripts/ folders, the files the scripts generate, the rule that only a script changes them, and the one route list every browser tool reads. Markdown: https://www.prototemplate.com/docs/scripts.md
- [Gates](https://www.prototemplate.com/docs/gates): The checks that run before work lands: the static lints, the live audits, the page check, the type check and the build, with their exit codes. Markdown: https://www.prototemplate.com/docs/gates.md
- [The SEO system](https://www.prototemplate.com/docs/seo): How every route gets its title, canonical, robots, card and structured data from one call, the indexing policy, the sitemap and the agent files. Markdown: https://www.prototemplate.com/docs/seo.md
- [Use these docs as a template](https://www.prototemplate.com/docs/template): Lift this docs site into another Next.js 16 project: the dependencies, the files to copy, the adapters for a design system, and adding a page. Markdown: https://www.prototemplate.com/docs/template.md

## Handbook

How Kevin runs General Translation work, and the canon: the agent guide, the brand and design canons, the architecture map, the ship loop, the tools, the libraries, the graphics pipeline and the artifact pictures.

- [Handbook readme](https://www.prototemplate.com/handbook): What the handbook is, who reads it, the order to read it in, and how it relates to the skills. Markdown: https://www.prototemplate.com/handbook.md
- [Operating principles](https://www.prototemplate.com/handbook/operating-principles): The eighteen standing rules behind Kevin’s corrections, each with how to apply it, the skill that holds it and its dated directive. Markdown: https://www.prototemplate.com/handbook/operating-principles.md
- [Quality bar](https://www.prototemplate.com/handbook/quality-bar): The measurable bar for each kind of artifact, from pages and motion to copy, pull requests and films, and for done, each row with its owner. Markdown: https://www.prototemplate.com/handbook/quality-bar.md
- [Multi-session playbook](https://www.prototemplate.com/handbook/multi-session-playbook): How many agent sessions share one machine: lanes, forked sessions, shared checkouts, collisions, Claude and Codex on one main, and resumption. Markdown: https://www.prototemplate.com/handbook/multi-session-playbook.md
- [GT product and architecture map](https://www.prototemplate.com/handbook/gt-product-map): What General Translation sells and to whom, how the products fit together, the copy that must be exact, and where each part lives. Markdown: https://www.prototemplate.com/handbook/gt-product-map.md
- [Glossary](https://www.prototemplate.com/handbook/glossary): The terms in Kevin’s messages, the skills and the code, each defined in a sentence or two with where it lives. Markdown: https://www.prototemplate.com/handbook/glossary.md
- [Decisions log](https://www.prototemplate.com/handbook/decisions): Kevin’s dated rulings on process, product, design and the repositories, what each replaced, his words and the gate that holds it. Markdown: https://www.prototemplate.com/handbook/decisions.md
- [Agent guide](https://www.prototemplate.com/handbook/agents): The entry point for an agent: the read order, the principles in brief, the skill for each task, the house rules and using the hub elsewhere. Markdown: https://www.prototemplate.com/handbook/agents.md
- [Brand](https://www.prototemplate.com/handbook/brand): The identity canon: the name, the idea, the character and voice, the mark, color, type, language as material, and where the identity ships. Markdown: https://www.prototemplate.com/handbook/brand.md
- [Design system](https://www.prototemplate.com/handbook/design): The design canon: the four-color system, the line law, rails and seams, the doubled line, iso, the 1-bit language, moving type and motion. Markdown: https://www.prototemplate.com/handbook/design.md
- [Architecture](https://www.prototemplate.com/handbook/architecture): The code map: the direction registry, the toolchain as the single source and fork rescoping, the componentized instruments, the mirror. Markdown: https://www.prototemplate.com/handbook/architecture.md
- [Ship loop](https://www.prototemplate.com/handbook/ship-loop): The verify-and-ship procedure every round runs: the line audit, the page check, the ratchets, types, captures and the gated build. Markdown: https://www.prototemplate.com/handbook/ship-loop.md
- [Tools](https://www.prototemplate.com/handbook/tools): Every pnpm command in the repository and the scripts the skills bundle, each with what it does. Written by pnpm build:tools. Markdown: https://www.prototemplate.com/handbook/tools.md
- [Libraries](https://www.prototemplate.com/handbook/libraries): The index of the componentized instruments, then the build log: every library running live with its plates and API snippets. Markdown: https://www.prototemplate.com/handbook/libraries.md
- [Graphics pipeline](https://www.prototemplate.com/handbook/graphics): How the blog illustrations are made with the toolchain in graphics/: captures, labelled crops, the sizing rules, clips, export and hand-off. Markdown: https://www.prototemplate.com/handbook/graphics.md
- [Artifact pictures](https://www.prototemplate.com/handbook/artifact-pictures): The standard for the dithered photographs: the rules, the Blue Marble tone grid and screen, the cutter, adding a picture and its lint. Markdown: https://www.prototemplate.com/handbook/artifact-pictures.md

## Skills

Each skill is a folder in the SKILL.md format Claude Code, Codex and other agents load. https://www.prototemplate.com/skills/index.json lists the whole set with every file and install line, and `node scripts/skills/install.mjs --project <dir>` from a checkout links them into a project.

- [Voice and the humanizer](https://www.prototemplate.com/skills/gt-voice): How Kevin writes for General Translation: plain technical English for site copy, docs, decks, captions, films, UI strings, PR text and Slack; sentence shape; the heading and casing rules; writing for a stranger; the humanizer pass that strips AI patterns; code comments, commit messages and PR descriptions; and the first-person register for Kevin's own posts and reviews. Raw file: https://www.prototemplate.com/skills/gt-voice/SKILL.md
- [GT website](https://www.prototemplate.com/skills/gt-website): How generaltranslation.com is built and changed in gt-cloud's apps/landing: the app map, the engine CSS and the shared packages, translation in the site code, the Fumadocs docs and their agent-readable twins, the blog and its content submodule, the pages with rules of their own, crawlers, deploys and performance traps, the routing matrix, gt-next in other sites, and the checks before a pull request. Raw file: https://www.prototemplate.com/skills/gt-website/SKILL.md
- [Working in Prototemplate](https://www.prototemplate.com/skills/prototemplate): How to work in Prototemplate, Kevin's hub and wiki for General Translation work: what each route holds, the repository map, the viewer shell and its props, the registries that move together (surfaces, search index, the handbook, the docs pages, src/lib/seo, captures), the chrome and sidebar rules, the book page standard, adding a page, a docs page, a handbook document or a skill, the build scripts, the shared checkout and its session lanes, the gates and landing, keeping the hub current with gt-cloud, and the curated skills with their contract and install. Raw file: https://www.prototemplate.com/skills/prototemplate/SKILL.md
- [Performance without visual loss](https://www.prototemplate.com/skills/gt-performance): How General Translation keeps visual surfaces fast with no change to how they look: measure first with the machine's load recorded, 60 fps motion and no lag on first use, quality tiers driven by measured frame time, one WebGL context per engine and full cleanup on unmount, frozen previews in galleries, shader and module weight cut with a pixel-identity proof while the library API stays, Lighthouse on production builds, live values hydrated on static pages, and budgets that exit 1 on a breach. Raw file: https://www.prototemplate.com/skills/gt-performance/SKILL.md
- [Landing page grammar](https://www.prototemplate.com/skills/gt-landing-pages): The page grammar for General Translation landing and marketing pages: one rail, bands and hatch spacers, heads with a heading and one lead, the shared Cta with Title Case labels, the two icon tiers, Inter only, the mobile type ladder, the svh and dvh law, the read lines for scroll stories, and the rule that mock layouts and the toolchain prototypes are literal specs. Raw file: https://www.prototemplate.com/skills/gt-landing-pages/SKILL.md
- [Taste and the review standard](https://www.prototemplate.com/skills/gt-aesthetic): Kevin's taste for General Translation work and the review he applies to it. Raw file: https://www.prototemplate.com/skills/gt-aesthetic/SKILL.md
- [Brand and the correct Inter](https://www.prototemplate.com/skills/gt-brand): The General Translation identity as rules: the name and the naming system, the four absolute colors and the one accent, the type system on the self-hosted rsms InterVariable 4.1 (weights, optical size, features, tracking, per-script fallbacks), the doubled-line GT monogram and the generated speed marks, language as material, the final avoid list, and what never appears on a public surface. Raw file: https://www.prototemplate.com/skills/gt-brand/SKILL.md
- [Brand deck](https://www.prototemplate.com/skills/gt-deck): How the General Translation brand deck in Prototemplate's deck/ folder is built and edited: the 1600 by 900 sheet, the Inter type sizes and color tokens, the layout classes, icons from the Heroicons 20 solid sprite, diagrams, openers and mood slides as artifact pictures, the speed mark slides, slide-scoped CSS, both themes, the build and shoot scripts, the registries a new slide touches, what counts as a defect, and how any GT presentation's story is written. Raw file: https://www.prototemplate.com/skills/gt-deck/SKILL.md
- [Exploration rounds and convergence](https://www.prototemplate.com/skills/gt-explorations): How a General Translation design exploration runs from research to one landed design: reading Kevin's sources and measuring the reference sites, writing the page as text first, directions that differ in silhouette, material and action, one registry and one place to compare them live, in-page switches for effect variants, picks by Kevin's numbers, forks that never overwrite a version, critic composites against the reference, removing the losers and archiving retired versions, and keeping rounds local until he lands them. Raw file: https://www.prototemplate.com/skills/gt-explorations/SKILL.md
- [Lints and gates](https://www.prototemplate.com/skills/gt-lints): Every lint and gate that holds General Translation's design and copy rules, what each catches, where it runs and how to fix a failure: Prototemplate's line auditor, shell token lint, practices ratchet, picture lint, type lint, gt-ui oxlint copy, the public scan (lint:public), the copies manifest (lint:copies), the registries check (lint:registries), the tools index (lint:tools), the SEO lint (lint:seo) and page check, and gt-cloud's oxlint plugins, email identity check and oxfmt. Raw file: https://www.prototemplate.com/skills/gt-lints/SKILL.md
- [Motion rules](https://www.prototemplate.com/skills/gt-motion): The motion rules General Translation work follows on the web and in films: the eases and the 0.5 s beat grid, reading holds, the four allowed transitions, dithered fields that change only by a tone mix on one cell grid, the moving type law, loops created paused and played by scroll, reduced motion as a designed still, the engine lifecycle, scroll stories, and the traps in SVG dashes, GSAP and lottie-web. Raw file: https://www.prototemplate.com/skills/gt-motion/SKILL.md
- [Blog and brand graphics](https://www.prototemplate.com/skills/gt-graphics): How General Translation's blog and brand graphics are made with Prototemplate's graphics/ toolchain: product captures at 3 to 5x, labelled crops over glyphfield exports, the 26px text floor for the blog column, the audit and the render, contact sheets, stop-motion clips, webp and GIF export, the hand-off to a post, the GT docs measured for drawing, still artwork such as the partnership globes, marketplace listing screenshots, world maps, and the review standard for each. Raw file: https://www.prototemplate.com/skills/gt-graphics/SKILL.md
- [Dither and artifact pictures](https://www.prototemplate.com/skills/gt-dither): General Translation's 1-bit material and its artifact pictures: the 4x4 and 8x8 Bayer screens, coverage tiers that nest, the CPU engine (dither.ts) and the GPU studio field with its BAYER_PRESETS, the landing hero's bayer-8x8 field as the one material on product surfaces, Glyphfield as the authoring source for new shaders, and the Blue Marble standard for dithered photographs and scans with its cutter (pnpm mood-tone), its lint and its retired pictures. Raw file: https://www.prototemplate.com/skills/gt-dither/SKILL.md
- [Making a film](https://www.prototemplate.com/skills/gt-films): How General Translation films are made in Prototemplate's motion/ folder with HyperFrames: Kevin's standing rules for scripts, pacing and narration, the brief, directors and a judge, the kit and its sound tools, ElevenLabs narration and music, the mix targets, renders and their records, the critic, which motion/ sources the public repository tracks, and how a film reaches /motion; and the short media around a launch. Raw file: https://www.prototemplate.com/skills/gt-films/SKILL.md
- [Drawing diagrams](https://www.prototemplate.com/skills/gt-diagrams): How General Translation diagrams are drawn: when a diagram earns its place, the existing diagram components to mount first, inline SVG with ink, mid and hairline strokes, label sizes per surface, the doubled-line connector and its pulse, crossings and straight taps, theme-safe fills, and the check at 2x crops; and the isometric family: the 30 degree projection in iso.ts, light from the upper left, the extrusion recipe, one accent object, marks seated as alpha masks, the DitheredMark shimmer, the build and scan animations and the reference drawings such as the Locadex iso. Raw file: https://www.prototemplate.com/skills/gt-diagrams/SKILL.md
- [Components to reuse](https://www.prototemplate.com/skills/gt-components): The components General Translation work reuses before writing new ones: gt-cloud's packages/ui (header, footer, theme toggle, language selector, LocaleFlag, ScrollArea, Button), the landing's Cta and Bento primitives, the gt-ui design rules and the oxlint rules that hold them, the icon tiers, the React and translation rules, Prototemplate's instruments library (dither, studio field, glyph field, DoubledLine, EdgeGlobe, LocaleTag, RevealSeam, EverySentence) and its viewer shell, and when an outside library is the right call. Raw file: https://www.prototemplate.com/skills/gt-components/SKILL.md
- [Product surfaces](https://www.prototemplate.com/skills/gt-product-surfaces): A map of General Translation's product surfaces (the sign-in plate and the auth pages, the four-step onboarding, the dashboard shell, plans and billing, the partner credit pages on the plate) to the skills that own their rules, and the state gallery method for reviewing a flow: every state reachable from one console, screenshots taken from it, and each new state added with the flow. Raw file: https://www.prototemplate.com/skills/gt-product-surfaces/SKILL.md
- [Review servers and local environments](https://www.prototemplate.com/skills/gt-local-dev): How General Translation apps run locally so Kevin can review and try them: the review servers and their ports (the gt-cloud landing on 3001, Prototemplate on 3005, the dashboard environment on 1355), the order of checks when he cannot see a change, the per-worktree dashboard environment (set up through gt-cloud's README and gt-dashboard skill), real providers only with his approval, a CLI login he can try without touching his credentials, and keeping servers current and few. Raw file: https://www.prototemplate.com/skills/gt-local-dev/SKILL.md
- [Proving work is done](https://www.prototemplate.com/skills/gt-verify): How to prove General Translation work is done before saying so: measure what renders at the spot Kevin flagged, run the real gesture and the real flow, walk the stress matrix for scroll stories and animated sections, cover the viewports, themes, browsers, accessibility and edge counts that check:pages misses, re-check what was already right, verify the live deployment, sweep the whole class of a defect, find the root cause and guard it, compare a whole page set before and after an upgrade, and report how each item was verified. Raw file: https://www.prototemplate.com/skills/gt-verify/SKILL.md
- [Branches, PRs and landing](https://www.prototemplate.com/skills/gt-ship): How General Translation work moves from a worktree to main: one session per lane and one worktree per branch, the commit identity gt-cloud's deploys require, staging by explicit path, PR size discipline, the PR body with before and after crops, the review bots and required checks, Linear and reviewer requests, stacked PRs, the parity gate for onboarding and auth, and Prototemplate's rules for a shared checkout, local review and its Vercel deploys. Raw file: https://www.prototemplate.com/skills/gt-ship/SKILL.md
- [Reporting to Kevin](https://www.prototemplate.com/skills/gt-reporting): How to report to Kevin during and after General Translation work: show every result as crops, a running page, a gallery or files he can grab; state each item's exact ship state with its SHA, PR or URL; keep a numbered ledger of every ask; close a turn with what shipped, what only Kevin can do and numbered risks; draft the PR slate across gt-cloud, gt and content; batch decisions with recommendations; map his screenshot notes to fixes; and write one-sentence explanations, end-of-day recaps and stop-and-handover reports. Raw file: https://www.prototemplate.com/skills/gt-reporting/SKILL.md
- [Running agent fleets and long autonomous runs](https://www.prototemplate.com/skills/gt-orchestration): How General Translation work runs across many agents and over long autonomous runs: when to fan out and when to stay linear, the spec before a build fan-out, lanes that own files, lane prompts that open with Kevin's words, the self-contained brief for a subagent, a task chip or another session, critic-scored convergence against a named reference, adversarial verification of findings, keeping going and resuming dead agents, heartbeats and spend caps for paid model campaigns, corrective handoffs, and closing a round. Raw file: https://www.prototemplate.com/skills/gt-orchestration/SKILL.md

## Routes

- [Gallery](https://www.prototemplate.com/): The gallery of 27 directions.
- [Brand](https://www.prototemplate.com/brand): The identity canon in ten sections.
- [Docs](https://www.prototemplate.com/docs): Ten pages on how Prototemplate works, in the docs layout General Translation runs.
- [Deck](https://www.prototemplate.com/deck): The General Translation brand deck: the identity in slides, its own viewer.
- [Presenter](https://www.prototemplate.com/present): The separate presentation of the redesign.
- [Compare](https://www.prototemplate.com/compare): Two directions side by side in synced frames.
- [Skills](https://www.prototemplate.com/skills): The skills Kevin uses for General Translation work, filed by area, each installable in any project.
- [Handbook](https://www.prototemplate.com/handbook): How Kevin runs General Translation work, and the canon: the principles, the quality bar, the decisions, the agent guide, brand, design, the ship loop and the libraries.
- [Marks](https://www.prototemplate.com/marks): The speed set of General Translation marks, seven in one register, and the two survivors of the earlier round, each one color.
- [Blog](https://www.prototemplate.com/blog): The docs-redesign series as General Translation published it: the content rewrite, the Fuma Nama interview, and designing docs for humans.
- [Graphics](https://www.prototemplate.com/graphics): Every illustration of the series by area, with what it shows and the glyphfield export it sits on.
- [Motion](https://www.prototemplate.com/motion): Every film on the motion roster with its status, and the research packages of the translation series.
- [Archive](https://www.prototemplate.com/archive/archive-press): The 11 retired versions, kept as full-page captures at their own addresses.

## Directions

The design lab: each direction for the General Translation website has a page that presents it with its captures. The prototypes themselves run under /d/<slug> and are kept out of search results.

- [Toolchain](https://www.prototemplate.com/directions/toolchain): The minimalist evolution of the current site: one ruled column, bento rows whose shells never repeat, and a family of isometric line-art diagrams.
- [Chroma Flow](https://www.prototemplate.com/directions/chroma-flow): A curl-noise flow field pulls streaming color through the nameplate, and the product story reads as one continuous pipeline beneath it.
- [Dither Field](https://www.prototemplate.com/directions/dither-field): Hellos in eight scripts resolve out of Bayer noise and dissolve back, pixel by pixel, above data-led product rows.
- [Aurora Paper](https://www.prototemplate.com/directions/aurora-paper): A grainy aurora drifts behind an otherwise disciplined paper page, and the product story is told as one working workspace.
- [Glyph Rain](https://www.prototemplate.com/directions/glyph-rain): A particle rain of world-script glyphs gathers into each word of the headline, holds, and re-scatters, above script-led product sections.
- [Prism Light](https://www.prototemplate.com/directions/prism-light): One white beam splits through a glass prism and the translations ride the dispersion fan out, above delivery-led sections.
- [Lens Gate](https://www.prototemplate.com/directions/lens-gate): The ruled paper itself passes through one breathing glass. Components enter in English, refract, and exit translated on the far side.
- [Paper Foundry](https://www.prototemplate.com/directions/paper-foundry): The bento machined into paper: hairline cells set into a brushed-graphite sheet, finished in strict reading order.
- [Terminus Board](https://www.prototemplate.com/directions/terminus-board): A departure hall for locales: a split-flap headline over a flip-wave cell grid that lists languages the way a terminus lists trains.
- [Wide Rule](https://www.prototemplate.com/directions/wide-rule): One analytic interference band crosses enormous quiet space, and the whole product story is set in the calm around it.
- [Event Horizon](https://www.prototemplate.com/directions/event-horizon): Component walls dive with curved perspective into a black-hole gate. English falls in, translations emerge, and flags orbit the horizon.
- [Hourglass](https://www.prototemplate.com/directions/hourglass): Dark corridor walls of UI cards sweep concavely into a vanishing point, pinching at an hourglass waist that holds the mark, the flags, and the CTAs.
- [Singularity](https://www.prototemplate.com/directions/singularity): The enterprise gate: the lensing horizon alone on open paper, customers riding the locale belt, and a contact bay beneath it where glyphs rain through the dark.
- [Dossier](https://www.prototemplate.com/directions/singularity-dossier): The completed direction: a full site whose home folds the every-stack argument into the hero terminal (one less section), over an /enterprise page that reads as an evidence file, with exhibits, a certificate wall, and an audit ledger under the gate.
- [Orbit](https://www.prototemplate.com/directions/singularity-orbit): A showcase of the previous generation: orbit keeps its one-line hero and carries the system pieces the dossier retired, the windowed translation demo, the toolchain bento, the gravity well and instrument dials, the dark band, and the pricing file.
- [Signal](https://www.prototemplate.com/directions/singularity-signal): A showcase of the previous generation: signal keeps its split-pane hero and carries the sections the dossier retired, the pinned story cinema, the review workspace, the assurance strip, and the self-typing transmission log.
- [Textile Block](https://www.prototemplate.com/directions/textile-block): The General Translation landing page as a Frank Lloyd Wright textile-block relief wall in horizontal courses. One square cast module is the grid; content sits on smooth cast faces, ornament is a library of six geometric reliefs (the Ennis cruciform, the Millard chevron, the Storer bar-and-slots, the Freeman stepped pyramid, the Aztec Hotel greca band, the running bond), and every course of the page is keyed to one relief. Light behind the perforated Ennis and Storer blocks is a live Bayer dither field; the shade the upper wall casts across the dark jade course is a static ramp of nested Bayer tiers. Every line on the page is a joint drawn once; every label on the wall is a header brick flush in a block's corner. A materials legend near the base names the six reliefs and the five materials from the same records that draw them.
- [Stepped Fret](https://www.prototemplate.com/directions/stepped-fret): Mitla fret strata: the page is a stack of horizontal registers bounded by five distinct Zapotec frets (stepped fret with coil, hooked step, stepped chevron, stepped diamond, opposed pair) drawn at three scales and assigned by register; each register's content block steps one fret step right and back down the page with the gutter it leaves filled with graded Bayer stone, so the grid itself is a stair. The hero is one monumental fret in ordered dither with the claim set in the step it leaves open, and the dark band is the same figure inverted: the Mitla facade in cream on black, and the hero's stair returning as six solid cream plates carrying the platform tiers.
- [Glazed Bond](https://www.prototemplate.com/directions/glazed-bond): General Translation as an Ishtar Gate elevation in the Babylonian revival of Art Deco. Two battered towers with stepped, turquoise-capped parapets flank a corbelled arch that holds the claim; every section below is one more course of the elevation, its content set as glazed panels into running-bond brick, with gold rosette bands on lapis crossing the towers between courses. The T proof is laid as Flemish bond with glazed headers: a lapis header brick (the flag chip) beside every cream stretcher (the translation), the source string as the one gold brick. Languages are three courses of rosette medallions with the endonym at each center. The four product surfaces sit as tablets in a lapis inner court under its own two-step crenellation. The story is a three-tier ziggurat. Pricing is a gate in miniature: two towers carrying the plans as gold plaques, the rate ledger as the lapis opening. Every glazed surface catches light as ordered Bayer dither from one shared set of tiles; no gradient anywhere. Geometry only.
- [Brick Lattice](https://www.prototemplate.com/directions/brick-lattice): The whole page is one glazed-brick wall in running bond, and every brick is an ordered-dither cell. Density on the Bayer screen draws the ornament from a six-pattern book, one pattern per section: a rosette field behind the claim, chevron courses behind the wall of translations, the inverted lattice of the kiln with ziggurat setbacks and merlons, meander registers around the medallions of the languages band, palmette fans under the glazed pricing panels, and the stepped foundation under the footer where the book itself is printed. Copy sits on smooth glazed panels with stepped parapet corners cut out of the lattice; every named panel carries a glazed header course the way the wall's bricks do. The T proof is one source brick lighting its neighbours, in the DOM bricks and in the lattice behind them at once. Everything is complete at rest; hover and motion only add.
- [Screenfold Codex](https://www.prototemplate.com/directions/screenfold-codex): The landing page as a Maya screenfold: one strip of bark-paper cream folded into ten leaves, each a red-oxide-framed page cut into horizontal registers by red rules. Every leaf is a parallelogram whose side edges run a fixed 40px across from top to bottom, adjacent leaves running opposite ways, so every crease lines up exactly and the strip's silhouette zigzags down the page like an accordion pleat seen off its axis. The folds between leaves are stepped Bayer troughs (inked at a valley with a solid crease hairline, red oxide at a mountain with a bare-paper ridge). Dither is the writing: twelve geometric signs carved through dithered squares form a documented vocabulary, each standing for one product concept (strings, build, runtime, CLI, dashboard, review, locale, languages, routing, edge, context, tokens) and printed wherever that concept appears, with the key on the back board. Bar and dot is the counting: every figure prints in the Maya numeral beside its Arabic form, with the key on leaf one. The living material is the real product: the shipped Next.js sample, both TranslateWindow belt strings in five locales, the component outputs, the review rows, the 120-row locale roster, the published rate ledger, the shipped feature grid.
- [Raking Relief](https://www.prototemplate.com/directions/raking-relief): A bas-relief alabaster wall under a raking light from the left, made monumental. Every form on the page is carved by one consistent light: raised tablets catch a lit edge on their left and top and cast a stepped Bayer-tier shadow to their right and below (dense beside the tablet, thinning outward, one exact ramp mask per strip); sunk registers hold the rim's shadow inside their left and top edges and a lit inner wall on their right and bottom; carved headings cast a dithered shadow and incised strings show the lit lip of their cut. Geometric relief bands from the Ishtar Gate, the Guardian Building and Mitla (rosette, palmette, chevron, guilloche, stepped fret) run between the courses and frame every raised tablet. The content is inscription: the claim in Cinzel capitals under a sun-disk crown, the same claim incised in its sixteen shipped locales, the Next.js source raised beside its eight translations cut into the wall with lapis locale inlays, the locales as a rosette band with the word for language in nine scripts, the agent on a stele inside a shadowed recess with a stepped niche head, the published rates on three tablets under ziggurat caps with the shipped compare ledger sunk beneath. Alabaster and warm shadow, one lapis inlay.
- [Calendar Rings](https://www.prototemplate.com/directions/calendar-rings): A General Translation landing page as one concentric disk that works as an instrument. Ground and dither rings alternate outward from the source at the center and every ring reads something real: the claim in the hub inside the jade source circle, the name inscribed on ring one, the four product surfaces labelled along ring two, the seven usage rates as bar-and-dot numerals knocked out of ring three, the twenty locales of the outer ring as flag chips on ring four, and a rim notched once per locale. A stepped plinth carries the sub, the CTAs and a six-cell key that says how to read the disk. Every later section unrolls one ring into a wide arc band with radial cells, notch ticks and numerals seated on the arc: the customers, the T component as a half disk around its source window, the stack and the nine-beat pipeline in the negative ring floored by the disk itself inverted, the languages in two bands of ten in the disk's own order with a variants register, and the pricing file as seven rate segments plus two plan segments. Lineage is the Aztec and Maya revival of 1920s deco, geometry only (Sun Stone, Dresden Codex numerals, Aztec Hotel registers); palette is obsidian, fired clay, jade and gold.
- [Talud-Tablero](https://www.prototemplate.com/directions/talud-tablero): The General Translation landing page as a stepped platform in the Teotihuacan talud-tablero profile. Every section is one terrace module: a framed tablero (the rectangular content panel with a red oxide projecting frame and a hairline molding each side) over a sloped talud (a clip-path trapezoid of Bayer-tiled volcanic stone that carries the ornament, the stair, or a load of chips and cells). Each terrace is one step wider than the one above it (data-tier 6 down to 0), so the page silhouette is a pyramid in elevation: the claim on the top platform, a stair axis with treads and two red alfardas descending through every talud, a full-bleed volcanic-stone plaza at the foot (the dark moment), and a lower platform beyond it carrying the pricing file as three tableros of increasing frame depth and the footer as the base course. Language as the oldest technology, carried on a platform built in registers.
- [Apadana Grid](https://www.prototemplate.com/directions/apadana-grid): The General Translation landing page as the floor plan of a hypostyle hall seen from above. Every section is a hall in plan: a strict square grid of column bases (three concentric rings, the middle one dashed so each dash is one flute) on every axis intersection, with the bays between the columns holding the content. The halls follow one another down the page with different column counts and the pitch is derived from each: the portico (6 by 2, pitch 200) holds the claim between its two rows with two sun-disk dither plates in the outer bays and double-volute capitals over the front row and mirrored under the back row; a 4 by 4 bay hall proves the T component with the source code window at the center and eight locale builds of "Scale to every language" in the surrounding bays, each flag chip seated beside its column base as a nameplate; the great hall (6 by 6, twenty-five bays) sets one locale per bay around the halftone globe, zh-Hans and zh-Hant flanking the center, with the four-row variants register beneath; the throne hall at night is the dark moment, a full-bleed black-basalt band with a gold-hairline 3 by 3 field whose four rooms are the product surfaces (six-stack code window, the gt translate terminal, the review workspace, the Locadex trace) over a dithered lamplight floor; the treasury sets the seven-row rate ledger and then frames Starter, the footnotes with the compare link, and Enterprise in three bays; the rear portico is the footer's four link columns. The page's rails are drawn as walls with thickness (two faces ten pixels apart with a hairline hatch between, the draughtsman's poché). Language is the oldest technology; the hall that received every embassy is the frame.
- [Clay Tablet](https://www.prototemplate.com/directions/clay-tablet): The page is a museum case of clay tablets. Every section is one tablet: a fired-clay slab with 12px pillow corners, ruled into registers and columns, sitting on a dark wet-clay case ground between hairline shelf lines, each with a museum label (catalogue numeral, name, one line of fact) under it. The signature device is the wedge dither: the cuneiform wedge (a triangular head with a tail, geometry only, never a sign) is the cell of an ordered Bayer dither. Every grid cell reads a scalar field and compares it against the 8x8 Bayer threshold from src/lib/dither.ts; a lit cell takes a vertical wedge, and above half tone a second pass against the transposed matrix lays a horizontal wedge across it, so tone is impression density and never a gradient. The hero is the largest tablet: the claim "Scale to every language" in Forum as one shaped text node with lang and dir, re-impressed through the sixteen shipped locales by a clip-path stylus wipe; a rosette frieze (five lobed disks, the Assyrian border repeat) in wedge dither below it, rendered server-side as SVG so it is complete before any script runs; a lapis seal at the corner (a disk ringed by eighteen radial wedges carrying the GT monogram in slip); and the colophon with the six customer marks masked into the page ink. The T component proof follows the Behistun inscription: the shipped gt-next sample in the first column, then one column per locale (es, ja, de, fr, zh) under its flag-chip seal, the three outputs of the sample (h1, DateTime, Num) impressed in each, the columns divided by doubled threads, the translate run as the bottom register. The one dark moment is a black-stone stele among the clay that stays black in both themes, with the stack in seven registers, the gt cli terminal with five LocaleTag chips, the closing acts, and the wedge dither in motion on a canvas at its foot. Pricing is three small tablets on one shelf: the seven-row rate ledger with both footnotes, Starter $0, Enterprise Custom. Palette: fired clay #cfa87b (tablet face), wet clay dark #2a1a10 (ink and case), cream slip #efe4d0 (code and workspace panels), one lapis #2447a3 (seals, the active column edge, the zh-Hans/zh-Hant tell ring). Dark mode turns the tablets to wet clay, the ink to slip, the case to #070707.

## Optional

- [Full text](https://www.prototemplate.com/llms-full.txt): every docs page, every handbook document and the agent guide in reading order.
- [Sitemap](https://www.prototemplate.com/sitemap.xml): every indexable page with its last change.