mirror of
https://github.com/anthropics/claude-code.git
synced 2025-11-28 08:40:27 +08:00
62c3cbc471Add a new plugin that helps create distinctive, production-grade frontend interfaces with high design quality. The plugin includes a skill that generates creative, polished code avoiding generic AI aesthetics. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
31 lines
977 B
Markdown
31 lines
977 B
Markdown
# Frontend Design Plugin
|
|
|
|
Generates distinctive, production-grade frontend interfaces that avoid generic AI aesthetics.
|
|
|
|
## What It Does
|
|
|
|
Claude automatically uses this skill for frontend work. Creates production-ready code with:
|
|
|
|
- Bold aesthetic choices
|
|
- Distinctive typography and color palettes
|
|
- High-impact animations and visual details
|
|
- Context-aware implementation
|
|
|
|
## Usage
|
|
|
|
```
|
|
"Create a dashboard for a music streaming app"
|
|
"Build a landing page for an AI security startup"
|
|
"Design a settings panel with dark mode"
|
|
```
|
|
|
|
Claude will choose a clear aesthetic direction and implement production code with meticulous attention to detail.
|
|
|
|
## Learn More
|
|
|
|
See the [Frontend Aesthetics Cookbook](https://github.com/anthropics/claude-cookbooks/blob/main/coding/prompting_for_frontend_aesthetics.ipynb) for detailed guidance on prompting for high-quality frontend design.
|
|
|
|
## Authors
|
|
|
|
Prithvi Rajasekaran (prithvi@anthropic.com)
|
|
Alexander Bricken (alexander@anthropic.com)
|