Back to Official Skills
⏱ Pasting from scattered docsDevelopment — one installTrial and error, again#official ready to use

Frontend Design

Create distinctive, production-grade frontend interfaces with high design quality.

DevelopmentFree transformation
Official
7 languages

WHAT YOU GET

What’s Inside

Files, tags and the three-step install

Download or copy the skill file from the source repository.
Put the skill file into Claude's skills directory — ~/.claude/skills/
Restart Claude or run the reload command, and the skill loads automatically.
$ cp SKILL.md ~/.claude/skills/

Tip: Read the documentation and the code before first use, so you know what it does and which permissions it needs.

Technical information

Author
Anthropic
Category
Development
Source repository
anthropics/skills
Source
Anthropic Official
View official repository

MORE LIKE THIS

Same category first

MCP Builder

Official
Free

Guide for creating high-quality MCP servers that enable LLMs to interact with external services.

Development

Skill Creator

Official
Free

Guide for creating effective skills that extend Claude's capabilities with specialized knowledge.

Development

Suite of tools for creating elaborate, multi-component web artifacts using modern frontend technologies.

Development

Algorithmic Art

Official
Free

Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration.

Creative