Frontend Design

Create distinctive, production-grade frontend interfaces with high design quality. Generates creative, polished UI code that avoids the generic "AI slop" aesthetic.

What it does

This skill guides your agent to build:

• Web components, pages, and applications with exceptional visual design
• React, Vue, or plain HTML/CSS/JS with a strong, intentional aesthetic direction
• Interfaces that are visually striking, memorable, and production-ready
• UI that avoids clichés (no purple gradients, no Inter font by default, no cookie-cutter layouts)

Installation

mog install mogteam/anthropic-frontend-design

Example prompts

• "Build a landing page for a SaaS product"
• "Create a dashboard component in React"
• "Design a login form with a brutalist aesthetic"
• "Make this HTML page look modern and beautiful"

Source

Sourced from anthropics/skills under the Apache 2.0 license. Copyright Anthropic.

## Anthropic Frontend Design
Create distinctive, production-grade frontend interfaces with high design quality. Generates creative, polished UI code that avoids generic AI aesthetics. Use when building web components, pages, React apps, or any web UI that needs exceptional visual design.
- **Install**: `mog install mogteam/anthropic-frontend-design --target cursor`
- **Type**: skill
- **Path after install**: `.cursor/skills/anthropic-frontend-design/SKILL.md`
- **Targets**: cursor, claude-code, codex, generic
When editing, read and follow @.cursor/skills/anthropic-frontend-design/SKILL.md