ai-html-annotation は何をしますか？
AI による HTML プロトタイピングツールキット兼エージェントスキル — Claude Code、Codex、Cursor を使用して実際の DOM UI を構築、注釈、レビュー、スクリーンショット、反復的に改善します。
AI による HTML プロトタイピングツールキット兼エージェントスキル — Claude Code、Codex、Cursor を使用して実際の DOM UI を構築、注釈、レビュー、スクリーンショット、反復的に改善します。
このスキルは、AI エージェント（Claude Code、Codex、Cursor）と連携して HTML プロトタイピングを支援します。開発者は自然言語による指示で DOM 要素の構築、注釈付け、レイアウトレビュー、スクリーンショット取得、反復的な UI 改善を実行できます。実 DOM を直接操作するため、静的モックアップではなく実際のブラウザレンダリングを確認しながら作業を進められる点が特徴です。対応エージェントのツール機能を活用し、コード生成と視覚フィードバックをシームレスに組み合わせることで、迅速な 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".