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日 · 版權屬原作者