Claude Code 前端設計外掛：用 AI 快速建立高品質介面

來源: @EricBuess

日期: Wed Nov 26 22:07:10 +0000 2025

標籤: Claude Code 設計工具 AI開發

---

來源: @EricBuess (Eric Buess)日期: 2026-02-17 標籤: claude-code frontend-design ai-tools ui-design

---

外掛安裝步驟

1. 切換模型至 Opus

   /model -> opus

2. 新增官方外掛市集

   /plugin marketplace add anthropics/claude-code

3. 安裝 frontend-design 外掛

   /plugin install frontend-design@claude-code-plugins

4. 啟用 Plan Mode

   • 按 shift+tab 直到看到 plan mode

5. 開始使用

   Use the frontend-design skill to [描述你想建立的介面]

背景

Opus 4.5 是目前在設計與視覺方面表現最佳的模型。搭配 Claude Code 的 frontend-design 外掛，可以快速產生高品質的使用者介面設計。