Frontend Design

Create distinctive, intentional interfaces that feel designed for the product—not generated from a generic template.

What it does

• Grounds every design in the product, audience, and page objective
• Defines an intentional color, typography, layout, and motion direction
• Creates responsive, production-ready frontend interfaces
• Improves existing interfaces that feel generic or visually inconsistent
• Reviews the result for originality, usability, accessibility, and polish

How it works

1. Understands the subject, audience, content, and constraints
2. Defines a compact visual direction and design system
3. Selects one memorable signature element
4. Builds or reshapes the interface
5. Critiques and refines the result before delivery

Best for

• Landing pages and marketing sites
• SaaS and product interfaces
• Portfolios and editorial experiences
• Frontend redesigns
• UI direction and visual-system planning

Inputs

Provide a product brief, target audience, page objective, preferred stack, existing code or assets, and any visual constraints.

Outputs

Depending on the request, the Agent can provide a design direction, color and typography system, layout plan, responsive frontend implementation, interface critique, or redesign.

Quality standards

Interfaces should be responsive, keyboard accessible, respectful of reduced-motion preferences, and visually specific to the project.

Example prompts

• Design a distinctive landing page for my developer tool.
• Redesign this dashboard so it feels less generic.
• Create a visual direction and responsive interface for my product.
• Review this frontend and improve its typography, hierarchy, and layout.