Create distinctive, production-grade frontend interfaces with high design quality. Generates creative, polished UI code that avoids the generic "AI slop" aesthetic.
This skill guides your agent to build:
mog install mogteam/anthropic-frontend-design
Sourced from anthropics/skills under the Apache 2.0 license. Copyright Anthropic.
After installing, your AI assistant needs a pointer to the skill file. Use the agent card below or the --wire flag.
Install + auto-wire
mog install mogteam/anthropic-frontend-design --target cursor --wireCreates .cursor/rules/anthropic-frontend-design.mdc pointing to the skill.
Agent card
## 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
Paste into AGENTS.md, .cursor/rules, or your agent's instructions.
Install paths by target
No ratings yet.

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.
Free
mog install mogteam/anthropic-frontend-designSource
Anthropic
github.com/anthropics/skillsThis package is sourced from the above repository and distributed on mog under its original license.
@mogteam
Official curated skills and prompt templates from the mog.md team.