Leon Lin
I build cool stuff
Explained projects
Taste-Skill: The Repo That Turns AI Frontends Into a Taste System
A deep dive into the skill files that fight AI slop with dials, bans, audits, and weirdly specific frontend rules.
RetroVesta Turns React Into a Split-Flap Machine
A deep dive into the timing loop, manual DOM updates, and design discipline behind a screen that feels mechanical, not decorative.
agentic-ai-prompt-research: Inside the Prompt Stack That Makes a CLI Agent Safer
Leonxlnx reconstructs the layered prompt architecture behind Claude Code, and shows why the real breakthrough is separation, not just scale.
smooth-ui-components: SmoothUI: The Animated Component Library Built for Humans, Agents, and shadcn Workflows
A close look at how SmoothUI packages motion, Tailwind, and copy-paste ergonomics into a system that feels designed for modern frontend teams and AI-assisted coding.
liquid-glass: The React component that makes blur feel physical
A deep dive into a TypeScript UI library that bends, splits, and springs light into a convincing glass material.
volumetric-fluids: The Shader Gallery That Makes Volumes Look Easy
A single-file WebGL project uses noise, raymarching-style tricks, and a clean light-mode palette to turn fluid rendering into a portable design artifact.
kross-template: the landing page template that behaves like a stage crew
A monochrome Next.js starter that uses one client-side orchestration layer to control preload, scroll motion, texture, and timing like a carefully cued performance.
pixelassets: Pixel Assets is a motion engine dressed like a folder of files
Bills, cards, coins, and wallets get their depth from HTML, CSS, Canvas, and math, not from a heavyweight graphics stack.
Leonxlnx/multilayer-effect: How to Make a 404 Feel Like a Stage Set
A small Next.js experiment that turns parallax, masking, and particle recycling into a convincing illusion of depth.
gramesh: How a Single Canvas Fakes a Living Mesh Gradient
A zero-dependency gradient studio that uses state syncing, blend modes, and one very smart aurora trick to make simple math look cinematic.
fluid-render-engine: The One-File Fluid Lab That Makes WebGL Feel Like a Product
A raw WebGL simulation, a glassmorphism control panel, and a reactive theme system packed into a single HTML file.
taste-skill-showcase-1: The repo that teaches AI agents taste
A Next.js showcase where <code>.agent/skills/taste-skill/SKILL.md</code> acts like a design system for the coder, not just the interface.
ascii-waitlist: A One-File Waitlist That Makes Infrastructure Look Expensive
A single HTML document, a looping WebM, and one state change are enough to sell Arcane as a serious product before the product exists.
BetRelease: The Prediction Market for AI Futures That Uses Fake Coins and Real Market Logic
An open-source Convex app that turns speculative release dates into a self-contained economy, with pool-based pricing, daily coin claims, and creator-run resolution.
animated-login: The login form that learned stagecraft
Leonxlnx/animated-login turns a routine sign-in screen into a tiny puppet theater built from vanilla HTML, CSS, and JavaScript.
shapeit: The Writing Tool That Refuses to Let a Draft Run Wild
A conversational editor that turns raw markdown into structured articles by forcing every section to justify itself.
liquidstyleeditor: Taste Skill: The Repo That Tries to Teach AI Good Taste
An open-source frontend anti-slop framework built around portable `SKILL.md` files, tunable dials, and specialized variants that steer agents away from generic UI.
Leonxlnx/prompt-library: Escaping the Electron Trap
How a 5MB Tauri desktop app uses Rust and vanilla JavaScript to turn AI prompt management into a system-level reflex.
The Great CLI Hijack: Inside claw-dev
How a clever network proxy and on-the-fly bundle patching turned Anthropic's locked-down terminal client into a universal, local-first AI agent.
Yet to be explained
unlazy
Explain
Anti-laziness skill for AI agents. Core: the Depth Tree method, which splits a task N layers deep and gives every leaf the full time budget of the whole task, so effort multiplies with depth. Grounded in 2025-2026 research on model laziness, underthinking and premature completion.
tastecode
Explain
Personal Harness - a beautiful, adaptive control panel for AI coding agents. Windows-first, design-agent powered.
claude-of-duty
Explain
Browser-native tactical FPS on three.js r180. One map, one match, no assets: every texture, sound and cloud is generated at runtime. Hand-built WebGL2 render graph, custom physics, procedural Web Audio.
kimi-code-desktop
Explain
Unofficial, open-source Windows desktop harness for Kimi Code CLI.
sakura-realm
Explain
Real-time procedural cherry blossom landscape in the browser. Volumetric sky, dynamic weather, endless wind-driven meadow, and a fully generated sakura tree. Zero art assets: every texture synthesised at runtime, every mesh built in code. three.js + WebGL2.
SharpShot
Explain
A tiny Windows region-capture utility with exact native pixels and lossless PNG output.
taste-blocks
Explain
Verified, source-backed React component registry for Taste Skill V2
serica-estates-threejs
Explain
Cinematic scroll-directed Three.js real estate experience
realestateopus5
Explain
AURIGA — a scroll-driven architectural film in three.js. Nine sections, nine different in-world type reveals: reflections, engraving, sunlight projection, brass inlay, etched glass, anamorphosis, cast shadow, constellation. CC0 assets, full accessible HTML fallback.
merge-conflict
Explain
Clawd vs Codex: a cinematic 3D browser arena fighter with procedural visuals and synthesized audio.