ux-collab は何をしますか?
agent-browser、Figma MCP、Lucidを使用して、AI駆動のUIコラボレーションを構築し、ワイヤーフレームをデザインシステムに適合するコードに変換します。
AI駆動のUIコラボレーションを構築し、agent-browser、Figma MCP、Lucidを使用してワイヤーフレームをデザインシステムに適合するコードに変換します。
このスキルは、AIエージェントがブラウザ操作、FigmaのMCP(Model Context Protocol)、Lucidの機能を連携させることで、UIデザインからコード生成までのワークフローを自動化します。ユーザーはワイヤーフレームやデザインファイルを入力として与えると、エージェントが自動的にブラウザ上でUIコンポーネントを分析し、Figmaからデザイントークンやスタイル情報を抽出し、Lucidを使って設計図を視覚化しながら、最終的に指定されたデザインシステムに準拠したコード(React、Vue、HTML/CSSなど)を生成します。このスキルは、Claude CodeやClineなどのAIエージェントプラットフォームで利用でき、デザイナーと開発者のコラボレーションを効率化し、デザインから実装までの一貫性を保証します。agent-browserによる実際のWebページ操作、Figma MCPによるデザインデータの取得、Lucidによるフローチャートやアーキテクチャ図の作成を組み合わせたマルチツール連携が特徴です。
npx skills add Signpainterreverberation581/ux-collabagent-browser、Figma MCP、Lucidを使用して、AI駆動の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".