frontend-design

Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one.

Install

$npx degit anthropics/skills/skills/frontend-design .claude/skills/frontend-design

Works with: Claude Code · Claude Desktop · Claude Cowork

Overview

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.

Inputs

Task matching the skill's trigger (see description)

Outputs

Skill-guided result in the target format

Other skills you'll want

algorithmic-artAdvanced

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

Code·by Anthropic

Pending reviewvia anthropics/skills · Apache-2.0

all platforms

claude-apiAdvanced

Code·by Anthropic

Pending reviewvia anthropics/skills · Apache-2.0

all platforms

mcp-builderAdvanced

Guide for creating high-quality MCP (Model Context Protocol) servers that enable LLMs to interact with external services through well-des…

Code·by Anthropic

Pending reviewvia anthropics/skills · Apache-2.0

all platforms

web-artifacts-builderAdvanced

Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind C…

Code·by Anthropic

Pending reviewvia anthropics/skills · Apache-2.0

all platforms