我要建議

Frontend Design

Plugin

让 agent 先定下清晰的审美方向，再写出有辨识度、可直接上线的前端界面，避开千篇一律的 AI 风格。Anthropic 官方插件。

anthropics/claude-code · plugins/frontend-design151k
在 GitHub 上查看
README

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 for detailed guidance on prompting for high-quality frontend design.

Authors

Prithvi Rajasekaran (prithvi@anthropic.com) Alexander Bricken (alexander@anthropic.com)

相關資源