# Frontend Design

> Anthropic skill that improves the visual direction of interfaces generated by Claude Code

- Category: Agent skills (`skills`)
- Tags: `free`, `open-source`, `claude-code`
- Official: https://github.com/anthropics/skills/tree/main/skills/frontend-design
- GitHub: https://github.com/anthropics/skills
- Wunderlust: https://wunderlust.xyz/r/frontend-design
- Image: https://wunderlust.xyz/media/frontend-design-poster.jpg
- Video preview: https://wunderlust.xyz/media/frontend-design.webm
- Added: 2026-11-05

## What it is

Text-based Anthropic skill that guides Claude Code toward interfaces with stronger visual direction.

## What it’s for

For people generating front-end with AI who want less generic results without rewriting design instructions each time.

## Benefits

- Improves the visual direction of generated front-end
- Works as a text instruction, with no extra tool

## Caveats

- Description based on third-party accounts

## Similar on Wunderlust

- [MCP Builder](https://wunderlust.xyz/r/mcp-builder.md): An Anthropic skill for building MCP servers with an agent
- [unslop](https://wunderlust.xyz/r/unslop.md): Skill that detects “AI-generated” UI and redesigns it in passes
- [Anthropic Skills](https://wunderlust.xyz/r/anthropic-skills.md): Anthropic's official repository of example skills for Claude
- [Hallmark](https://wunderlust.xyz/r/hallmark.md): Design skill that helps coding agents avoid pages that look AI-generated
- [Stitch Skills](https://wunderlust.xyz/r/stitch-skills.md): Skills for agents to work with Google Stitch and its MCP server
- [Android Skills](https://wunderlust.xyz/r/android-skills.md): Google's skills for coding agents working on Android projects
