精選工程 — 2025
為長久而打造的系統——架構、介面，以及底下的基礎設施。抵抗熵的作品。
Two publishing brands needed distinct visual identities without two codebases to maintain. One Next.js repository now serves both — domain detected at the edge, CSS tokens inverted per domain, zero shared components duplicated.
A site studying eleven languages needed to look like it was designed for each one, not just translated. RTL layout, CJK font stacks, and localized UI strings switch simultaneously from a single context dispatch — no layout shift, no flash of wrong direction.
Navigation as a spatial object rather than a list. A WebGL organic blob deforms in real time under cursor pressure, with region-mapped navigation nodes and domain-differentiated lighting — making the interface itself feel like it belongs to the brand.
Nine books needed discoverable, accurate pages without per-title manual SEO work. The book data model is the SEO model — one typed interface generates static pages, Open Graph tags, Twitter Cards, and JSON-LD Book schemas automatically.
A publishing platform needs typographic precision across contexts a general-purpose UI framework won't provide. Custom CSS token system with vertical rhythm, semantic color roles, and responsive type scales — built specifically for long-form literary content.
Content that lives in component files doesn't scale and can't be queried. Typed TypeScript schemas for books, projects, and field notes feed static generation, SEO pipelines, and UI simultaneously — one source of truth, zero duplication.
Novelists working with AI have no tool for tracking what the model knows versus what the author knows. Continuity Atlas separates those layers — characters as evolving states, voice as behavioral metrics, narrative secrets hidden from generation.
Color theory tools that live in 2D can't show how colors relate in perceptual space. An interactive 3D color explorer with harmony modes, mood-based generation, film and brand palettes, and export to CSS, Tailwind, SCSS, or JSON.
Large international datasets are structurally comparable but rarely presented that way. An interactive dashboard for exploring and contrasting global statistics — responsive charts designed for navigation, not just display.
來自已交付作品的第一手技術書寫。每篇一張圖、一段真實程式碼、一次誠實的失敗。
Why embeddings and character biographies cannot preserve a novel’s internal history — and what a structured, time-aware memory model looks like instead.
A pen name, a studio, and a personal archive are not a branding problem — they are an entity-graph problem. Here is how I keep search engines from turning three identities into one muddy blur.