Designby Anthropic
Frontend Design
Build interfaces with deliberate typography, layout, and visual direction.
What this skill does
Guide an agent through visual decisions when creating or reshaping an interface. The instructions emphasize grounding a design in its subject matter and making intentional choices about typography, palette, and composition. Useful when an implementation needs a coherent visual direction alongside functional frontend code.
Try it with a task
Example request to give your agent after installation.
Design a calm, readable interface for a personal reading library. Establish a coherent visual direction and implement it using this project’s existing components.
Before you start
An agent capable of editing frontend code, plus a clear product brief and your project’s dependencies. The CLI installer requires Node.js and npm. Review the result at multiple viewport sizes.