frontend-design
创建具辨识度、可用于正式环境的高品质前端界面，产生有创意且精致的代码，避免千篇一律的 AI 风格。
安装
尚未添加官方市场时先运行
- 分类
- 开发
- 作者
- Anthropic
适合用来
- 做出风格明确的仪表盘或设置面板
- 制作初创公司等用途的落地页
- 生成带有字体、配色和动画细节的生产级前端代码
怎么开始
- 在 Claude Code 中运行 /plugin install frontend-design@claude-plugins-official
- 直接描述想要的界面，例如“Create a dashboard for a music streaming app”
- Claude 在前端任务中会自动使用该技能，确定风格方向后编写代码
以上由 AI 根据项目说明整理，实际用法请以官方文档为准。
同类工具
- agent-sdk-dev官方插件 · 开发
用于 Claude Agent SDK 开发的工具组。
- clangd-lsp官方插件 · 开发
提供代码智能功能的 C/C++ 语言服务器（clangd）。
- code-modernization官方插件 · 开发
为任何旧有代码库提供引导式现代化：以 /modernize 开始，取得评估、交互式地图、从代码萃取的商业规则与待你核准的计划，再进行升级、改写或重建，并独立验证新代码行为与旧版一致。另含安全强化、一页报告与专家代理。
- csharp-lsp官方插件 · 开发
提供代码智能功能的 C# 语言服务器。
- feature-dev官方插件 · 开发
完整的功能开发流程，提供负责探索代码库、设计架构与品质审查的专用代理。
出处 anthropics/claude-plugins-official · 更新于 2026年10月11日 · 版权属原作者