ai-html-annotation 是做什麼的?
AI 輔助 HTML 原型設計工具包與代理技能 — 可使用 Claude Code、Codex 和 Cursor 來建置、標註、審查、截圖及迭代真實 DOM UI。
AI 輔助 HTML 原型設計工具包與代理技能 — 可使用 Claude Code、Codex 和 Cursor 來建置、標註、審查、截圖及迭代真實 DOM UI。
Lisuiwen/ai-html-annotation 是一套專為 AI 代理(如 Claude Code、Codex 和 Cursor)設計的 HTML 原型設計工具包與核心技能。此技能讓開發者能夠直接在真實的 DOM 環境中,透過與 AI 代理對話來快速建立、標註、審查、截圖並迭代 HTML 介面原型。其運作方式基於一系列可執行的操作與提示模板,將繁瑣的 HTML/CSS/JS 編寫與修改任務自動化,顯著提升前端原型設計的效率。支援多種主流 AI 代理平台,使開發者無需切換工具即可完成從概念到可互動原型的所有步驟,特別適合需要快速驗證設計想法或進行 UI 審查的場景。
npx skills add Lisuiwen/ai-html-annotationAI 輔助 HTML 原型設計工具包與代理技能 — 可使用 Claude Code、Codex 和 Cursor 來建置、標註、審查、截圖及迭代真實 DOM UI。
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".