從程式碼設計介面 是做什麼的？
從真實原始碼設計 UI 變更 — 驗證資料、迭代忠實的 HTML 模型，然後委派。由 nlook.me 開發的 Claude Code 插件與 Codex 技能。
從真實原始碼設計 UI 變更 — 驗證資料、迭代忠實的 HTML 模型，然後委派。由 nlook.me 開發的 Claude Code 插件與 Codex 技能。
此技能讓 AI 代理（如 Claude Code 和 Codex）能夠直接從專案的原始碼中提取並分析 UI 元件，快速生成忠於原始設計的 HTML 模型。開發者可以先驗證資料狀態，迭代設計原型，再將最終方案委託給開發流程。它支援多個主流 AI 編碼平台，並透過 `SKILL.md` 文件定義命令與互動流程，有效縮短設計與實作之間的反饋迴圈。使用此技能時，AI 代理會讀取專案結構、解析相關程式碼片段，並輸出可直接在瀏覽器中預覽的 HTML 檔案。
npx skills add nlook-service/design-from-code從真實原始碼設計 UI 變更 — 驗證資料、迭代忠實的 HTML 模型，然後委派。由 nlook.me 開發的 Claude Code 插件與 Codex 技能。
ElevenLabs text-to-speech with mac-style say UX.
Oracle CLI second-model review/debug/refactor/design with selected files, dry-run token checks, API or browser engine.
Capture and automate macOS UI with the Peekaboo CLI.
Generate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants to design an API, explore interface options, compare module shapes, or mentions "design it twice".
Build a throwaway prototype to flesh out a design — a runnable terminal app for state/business-logic questions, or several radically different UI variations toggleable from one route.
Interview the user relentlessly about a plan or design until reaching shared understanding, resolving each branch of the decision tree. Use when user wants to stress-test a plan, get grilled on their design, or mentions "grill me".