phase-3-mockup
✓無需設計師即可根據 UI/UX 趨勢創建模型的技能。 設計可轉換為 Next.js 組件的 HTML/CSS/JS 原型。 當用戶想要在實施之前驗證 UI/UX 時主動使用。 觸發器：模型、原型、線框、UI 設計、목업、mokkuappu、原型、 maqueta、prototipo、diseño UI、maquette、原型、conception UI、 樣機、原型、UI 設計、樣機、prototipo、設計 UI 請勿用於：生產代碼、API 開發或現有組件修改。
SKILL.md
Create trendy UI without a designer + Consider Next.js componentization
Quickly validate ideas before actual implementation. Even without a designer, research UI/UX trends to create high-quality prototypes, designed for easy conversion to Next.js components later.
| Starter | This stage may be the final deliverable | | Dynamic | For validation before next stages | | Enterprise | For quick PoC |
無需設計師即可根據 UI/UX 趨勢創建模型的技能。 設計可轉換為 Next.js 組件的 HTML/CSS/JS 原型。 當用戶想要在實施之前驗證 UI/UX 時主動使用。 觸發器：模型、原型、線框、UI 設計、목업、mokkuappu、原型、 maqueta、prototipo、diseño UI、maquette、原型、conception UI、 樣機、原型、UI 設計、樣機、prototipo、設計 UI 請勿用於：生產代碼、API 開發或現有組件修改。 來源：popup-studio-ai/bkit-claude-code。
可引用資訊
為搜尋與 AI 引用準備的穩定欄位與指令。
- 安裝指令
npx skills add https://github.com/popup-studio-ai/bkit-claude-code --skill phase-3-mockup- 分類
- *創意媒體
- 認證
- ✓
- 收錄時間
- 2026-02-01
- 更新時間
- 2026-02-18
快速解答
什麼是 phase-3-mockup？
無需設計師即可根據 UI/UX 趨勢創建模型的技能。 設計可轉換為 Next.js 組件的 HTML/CSS/JS 原型。 當用戶想要在實施之前驗證 UI/UX 時主動使用。 觸發器：模型、原型、線框、UI 設計、목업、mokkuappu、原型、 maqueta、prototipo、diseño UI、maquette、原型、conception UI、 樣機、原型、UI 設計、樣機、prototipo、設計 UI 請勿用於：生產代碼、API 開發或現有組件修改。 來源：popup-studio-ai/bkit-claude-code。
如何安裝 phase-3-mockup？
開啟你的終端機或命令列工具（如 Terminal、iTerm、Windows Terminal 等） 複製並執行以下指令：npx skills add https://github.com/popup-studio-ai/bkit-claude-code --skill phase-3-mockup 安裝完成後，技能將自動設定到你的 AI 程式設計環境中，可以在 Claude Code 或 Cursor 中使用
這個 Skill 的原始碼在哪？
https://github.com/popup-studio-ai/bkit-claude-code
詳情
- 分類
- *創意媒體
- 來源
- skills.sh
- 收錄時間
- 2026-02-01