Frontend & Design Featured

Frontend Design

by Anthropic 161k GitHub stars

Create distinctive, production-grade frontend interfaces that avoid generic AI aesthetics — pages, components, artifacts, and posters.

#design#frontend#official#ui

Claude Code Codex

Overview

Anthropic's Frontend Design skill generates creative, polished frontend code with high design quality, explicitly steering away from bland, generic AI-generated looks. It applies to websites, landing pages, dashboards, React components, and HTML/CSS layouts. One of the most widely used official skills for building good-looking UI.

What it is good for

Building a distinctive landing page
Designing a polished dashboard
Styling a React component set
Beautifying an existing web UI

Install

Install in Claude Code

# Add the marketplace, then install the skill in Claude Code:
/plugin marketplace add anthropics/skills
/plugin install frontend-design

# Or install manually into ~/.claude/skills:
git clone https://github.com/anthropics/skills.git
cp -r skills/frontend-design ~/.claude/skills/frontend-design

Install in Codex

# Codex reads SKILL.md skills from ~/.codex/skills (auto-detected):
git clone https://github.com/anthropics/skills.git
cp -r skills/frontend-design ~/.codex/skills/frontend-design

# Then reference the skill in Codex — it loads on demand.

Visit Source (GitHub)

Explore AI Tools

Discover the best AI tools that complement your skills

Read AI & Design Articles

Tips and trends in the world of design and AI