Leon Lin

Builds a cohesive brand identity visual — logos, color palettes, typography samples, and imagery mood across minimalist, luxury, dark-tech, gaming, or developer aesthetics.

Inspects a live landing page for motion choreography, typography breathing room, grid alignment, and scroll-trigger consistency. Flags layout wrapping and janky animations with remedies.

Takes a design image or sketch and generates clean, production-ready HTML/CSS that matches the layout, spacing, and visual hierarchy as closely as possible.

Produces a reusable design system with warm monochrome palettes, typographic hierarchy, flat bento grids, and muted accents—no gradients or heavy shadows.

Evaluates a design mockup or live page against readability, hierarchy, spacing, and component consistency. Stable v1 behavior for projects that depend on it.

Takes your brief and ships a custom frontend with real hierarchy, whitespace, and typography — not a template. Includes audit of existing site on redesigns and a pre-flight check before you code.

Builds one high-fidelity image per landing-page section—hero, value props, social proof, CTA—so you see the visual flow before building.

Generates wireframes and CSS for a no-nonsense, grid-based interface with extreme type contrast and muted colors—built for dense information and raw aesthetic authority.

Generates iOS and Android screen mockups with consistent hierarchy, readable text, and cohesive color. Creates multi-screen flows that feel native and production-ready for pitch or handoff.

Applies a curated set of typography, spacing, shadow, and animation rules that signal quality and restraint. Avoids the generic defaults that make AI designs feel off.

Produces a machine-readable design spec (DESIGN.md) with typography scales, color tokens, layout rules, and micro-motion principles that Claude agents can apply consistently across UI.

Audits your live site for generic patterns, spots where polish is missing, and applies high-end design standards—typography, spacing, color, interaction—without rewriting code or breaking functionality.

Stops Claude from using placeholders like "..." or "// rest of code omitted" and enforces complete, runnable output even when it's long. Splits across multiple messages if needed.