コーディングする前に、視覚的な状態のプロトタイプとして製品 UI の動作を設計および検証します。ユーザーアクション (クリック、タップ、送信) 後に画面がどのように変化するかをタスクで尋ねる場合、開発者以外が Web/iOS/Android UX フローをレビューする必要がある場合、またはチームが実装のためにインタラクション状態アセットと受け入れチェックを必要とする場合に使用します。
コマンドラインで product-ui-prototyping AI スキルを開発環境にすばやくインストール
ソース: autobyteus/autobyteus-skills。
Turn product ideas into testable UI behavior using generated and edited screen images. Produce state-by-state visuals, click-through transition logic, and per-platform viewers that teams can navigate end-to-end before implementation.
3) Create One Canonical Product Base Spec And Shell Lock
コーディングする前に、視覚的な状態のプロトタイプとして製品 UI の動作を設計および検証します。ユーザーアクション (クリック、タップ、送信) 後に画面がどのように変化するかをタスクで尋ねる場合、開発者以外が Web/iOS/Android UX フローをレビューする必要がある場合、またはチームが実装のためにインタラクション状態アセットと受け入れチェックを必要とする場合に使用します。 ソース: autobyteus/autobyteus-skills。
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/autobyteus/autobyteus-skills --skill product-ui-prototyping インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります
AI/検索での引用用の安定したフィールドとコマンド。
npx skills add https://github.com/autobyteus/autobyteus-skills --skill product-ui-prototypingコーディングする前に、視覚的な状態のプロトタイプとして製品 UI の動作を設計および検証します。ユーザーアクション (クリック、タップ、送信) 後に画面がどのように変化するかをタスクで尋ねる場合、開発者以外が Web/iOS/Android UX フローをレビューする必要がある場合、またはチームが実装のためにインタラクション状態アセットと受け入れチェックを必要とする場合に使用します。 ソース: autobyteus/autobyteus-skills。
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/autobyteus/autobyteus-skills --skill product-ui-prototyping インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります
https://github.com/autobyteus/autobyteus-skills