Communitygithub.com

Lisuiwen/ai-html-annotation

AI 輔助 HTML 原型設計工具包與代理技能 — 可使用 Claude Code、Codex 和 Cursor 來建置、標註、審查、截圖及迭代真實 DOM UI。

ai-html-annotation 是什麼?

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

相容平台✓Claude Code✓Codex CLI✓Cursor
npx skills add Lisuiwen/ai-html-annotation

在你喜歡的 AI 中提問

開啟一個已預先載入此 Agent Skill 的新對話。

說明文件

ai-html-annotation 是做什麼的?

AI 輔助 HTML 原型設計工具包與代理技能 — 可使用 Claude Code、Codex 和 Cursor 來建置、標註、審查、截圖及迭代真實 DOM UI。

相關技能