---
title: "Frontend Design"
type: skill
id: "anthropic-skills/frontend-design"
category: "Engineering"
publisher: "Anthropic"
license: "Apache-2.0"
source: "https://github.com/anthropics/skills/tree/ca45fc4"
canonical: "https://labs.pho.chat/en/skills/anthropic-skills/frontend-design"
open_in_pho: "https://pho.chat/customize?item=anthropic-skills%2Ffrontend-design&utm_source=labs&utm_medium=skill-page&utm_campaign=skills-library"
---

# Frontend Design

Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making choices that don't read as templated defaults.

Source: Anthropic (Apache 2.0), copied at a pinned commit. Free to use. Part of the Phở Skills library (https://labs.pho.chat/en/skills).

## What it covers
- Ground your designs in the subject matter
- Design principles
- Process: plan, review against the brief, build, critique
- Restraint and self-critique
- More on writing in design

## Use it
- In Phở: open https://pho.chat/customize?item=anthropic-skills%2Ffrontend-design&utm_source=labs&utm_medium=skill-page&utm_campaign=skills-library and press Try, or add it so Phở loads it whenever a request matches. Phở works with your own API key (OpenAI, Anthropic, Google and others).
- Full instructions (original SKILL.md, unchanged): https://labs.pho.chat/skills/raw/anthropic-skills/frontend-design/SKILL.md
- Original files: https://github.com/anthropics/skills/tree/ca45fc4 (Apache 2.0).
- Full machine-readable index: https://labs.pho.chat/skills.json