Frontend Design - Online Skill
Design and build distinctive, production-ready frontend interfaces with intentional typography, color, layout, and motion—without generic AI aesthetics.
#設計#生產力
評分
需要更多評價
已售出
0
使用方式
在 Capafy 上執行
也可用於外部應用程式
由創作者提供
GPT-5.5
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
- Understands the subject, audience, content, and constraints
- Defines a compact visual direction and design system
- Selects one memorable signature element
- Builds or reshapes the interface
- 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.
