ui-first-builder
✓根據任何描述立即創建可用於生產的 UI。在第一次響應中生成完整的頁面、組件和真實的模擬數據。使用 Next.js 14 + Tailwind + shadcn/ui。從不問問題——從上下文中推斷一切。觸發器：UI創建、頁面構建、組件生成、構建界面、屏幕設計、佈局請求。
SKILL.md
Create beautiful, functional UI immediately. No questions. No waiting.
User describes idea → User sees working UI → Same prompt, no follow-up needed
This is what makes Lovable magical. We replicate it here.
根據任何描述立即創建可用於生產的 UI。在第一次響應中生成完整的頁面、組件和真實的模擬數據。使用 Next.js 14 + Tailwind + shadcn/ui。從不問問題——從上下文中推斷一切。觸發器：UI創建、頁面構建、組件生成、構建界面、屏幕設計、佈局請求。 來源：wasintoh/toh-framework。
可引用資訊
為搜尋與 AI 引用準備的穩定欄位與指令。
- 安裝指令
npx skills add https://github.com/wasintoh/toh-framework --skill ui-first-builder- 分類
- *創意媒體
- 認證
- ✓
- 收錄時間
- 2026-02-05
- 更新時間
- 2026-02-18
快速解答
什麼是 ui-first-builder？
根據任何描述立即創建可用於生產的 UI。在第一次響應中生成完整的頁面、組件和真實的模擬數據。使用 Next.js 14 + Tailwind + shadcn/ui。從不問問題——從上下文中推斷一切。觸發器：UI創建、頁面構建、組件生成、構建界面、屏幕設計、佈局請求。 來源：wasintoh/toh-framework。
如何安裝 ui-first-builder？
開啟你的終端機或命令列工具（如 Terminal、iTerm、Windows Terminal 等） 複製並執行以下指令：npx skills add https://github.com/wasintoh/toh-framework --skill ui-first-builder 安裝完成後，技能將自動設定到你的 AI 程式設計環境中，可以在 Claude Code 或 Cursor 中使用
這個 Skill 的原始碼在哪？
https://github.com/wasintoh/toh-framework
詳情
- 分類
- *創意媒體
- 來源
- skills.sh
- 收錄時間
- 2026-02-05