Templates
GitHub ↗Design templates you can take. Unzip and use — no lecture.
Agent skill packs live next door →What's inside
Design systems & landing templates
design/ — full visual systems with DESIGN.md tokens plus working HTML/CSS/TSX you can lift.
- lead-radar — Editorial SaaS landing system — warm paper, Lora + Poppins, honest positioning copy. DESIGN.md + landing-page.tsx + globals.css.
- liz-personal-compact — Compact personal/landing variants (landing.html, v2, v3 + CSS/JS).
- uhoh-inspired-service-entry — Monochrome comic service-entry template — index.html + DESIGN.md + EVIDENCE.md.
- hanzilla-personal-site — Warm editorial personal-site study — DESIGN.md + EVIDENCE.md + screenshots.
- beautiful-ui-ai-interfaces — 19 AI-native UI primitives — thinking traces, streaming text, approval cards, tool chips, composer — rebuilt from observation with full DOM + screenshots.
- vercel-geist — Geist-oriented design notes for Vercel-adjacent UI tone.
UI micro-patterns
ui-patterns/ — small named patterns with portable snippets, not full pages.
- Typing placeholder — typing / rotating placeholder animation — .ts/.css snippets.
- Atomic island chrome — persistent floating chrome island with portable layout tokens.
- Premium one-pager — premium one-pager pattern + TS/CSS snippets.
Craft docs
Checklists and conventions distilled from real pipelines.
- High-leverage craft checklist — 38 mechanics, grouped — a craft handbook, not a skill; history kept in archive/.
- Typography preferences — design-typography-font-preferences.md — font pairing conventions.
- i18n + Iconify — i18n-iconify-lang-switcher.md — language switcher notes.
How to use
- Download the zip and unzip it — you get a templates/ folder with a README index.
- Or clone the GitHub repo and copy what you need; git pull keeps it in sync on any machine.
- Every item is self-contained: read its DESIGN.md or README, lift the parts you need.