Design-to-code

Reconstruct or art-direct a website, then implement it as real, maintainable frontend code.

• IS: visual-source selection, design forensics, art direction when needed, responsive implementation, production asset creation, interaction fidelity, and rendered comparison.
• IS NOT: a screenshot pasted behind the page, a flattened image UI, an audit-only report when implementation was requested, or permission to redesign an authoritative reference into a preferred house style.

Keep product-behavior decisions, long-form copy strategy, deep SEO work, and standalone motion or typography audits scoped to the request. Implement the necessary parts, but do not silently expand a visual reconstruction into unrelated product strategy.

Dispatch before acting

Choose one source mode and one surface track. Record both in the working notes.

Source modes