プロトタイプから製品UIへ は何をしますか?
製品要件とUIプロトタイプを、機能し、視覚的に検証済みのWebインターフェースに変換するためのCodexスキルです。
製品要件とUIプロトタイプを、機能し、視覚的に検証済みのWebインターフェースに変換するためのCodexスキルです。
このスキルは、製品要件やUIプロトタイプ(例:Figmaデザイン、モックアップ、ワイヤーフレーム)をもとに、完全に機能するWebインターフェースを生成することを支援します。開発者は、視覚的な忠実度を高く保ちつつ、実際のブラウザ上で動作するコードを迅速に得ることができます。主にCodex(GitHub Copilotのエージェントモードなど)上で動作し、プロトタイプから本番品質のUIへの変換プロセスを効率化します。スキルは、コンポーネント構造、レスポンシブデザイン、状態管理、インタラクションの実装を自動化し、視覚的回帰テストや手動レビューの手間を削減します。これにより、デザインハンドオフのボトルネックを解消し、製品開発サイクルを加速します。
npx skills add zhongy2026-gh/prototype-to-product-ui製品要件とUIプロトタイプを、機能し、視覚的に検証済みのWebインターフェースに変換するための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".