Haoran
Back to AI Stuff

Skill

Frontend Design

Build production-grade frontend interfaces that avoid generic output and hold a clear aesthetic point of view.

Design Thinking

  • Define purpose, users, and constraints before writing code.
  • Choose a bold, explicit visual direction and commit to it.
  • Differentiate intentionally so one visual decision is memorable.
  • Match implementation complexity to the chosen aesthetic.

Execution Standards

  • Use distinctive typography and deliberate font pairing.
  • Commit to a cohesive color system with CSS variables.
  • Use meaningful motion moments instead of scattered micro-effects.
  • Favor intentional spatial composition over boilerplate layouts.
  • Add depth through gradients, texture, and layered details.

Guardrails

Avoid default, interchangeable UI patterns and overused style choices. The goal is functional software with a distinctive visual voice, not generic output.