FIELD NOTE / AGENT SKILL
Frontend Design.
Guide deliberate typography, layout, and visual direction for web interfaces.
DesignAnthropicSource checked 12 Oct 2026
When it earns a place.
A new screen needs a distinct aesthetic that still serves its content and users.
How to start.
Open the original SKILL.md, then follow Anthropic's repository instructions to install its example-skills plugin in Claude Code. For another Agent Skills client, use that client's skill import flow.
Open the original instructionsWhat it needs.
Anthropic example skill for an agent that can edit and preview frontend code.
Before you connect it.
Treat its aesthetic advice as editorial guidance; test accessibility and real interactions separately.