Design an interface around the product
Define a visual direction, typography and layout, then check them against the brief. Anthropic’s workflow connects design choices to the product.
176,380 · GitHubanthropics/skillsEditorial selection · source reviewedAuthor: Anthropic Apache-2.0 Revision 41bbe19
When to use it
Design a distinctive landing page
Refresh an interface within brand constraints
Plan mobile layouts and error states
What you’ll get
A visual plan, style tokens and an interface ready for browser review.
For example
Design an audio lecture catalog. First propose a subject-specific layout and typography, then implement the mobile view and review empty states.
Original, requirements and limits
Original skill: Anthropic. Editorial description: kossolapov.com.
- Agent
- An agent that can read Agent Skills instructions; tool access depends on the host
- Tools
- Frontend project and browser preview
- Screenshot tools for visual review
- Limits
- Visual quality is subjective; inspect rendered output and accessibility.
- Does not supply production copy, factual claims or rights to external assets.
- Editorial selection based on source inspection, not a comparative performance certification.