·ux-specification
*

ux-specification

abhsin/designskills

PRD を、ユーザー フロー、画面の説明、コンポーネント、対話パターンなどの詳細な UX 仕様に変換します。ユーザーが PRD を持っており、開発プロンプトを生成する前に具体的な UI/UX を定義する必要がある場合に使用します。製品要件を実装の詳細に橋渡しします。

23インストール·2トレンド·@abhsin

インストール

$npx skills add https://github.com/abhsin/designskills --skill ux-specification

SKILL.md

Turn product requirements into concrete flows, screens, and interactions that coding agents can implement.

Bridges the gap between product requirements and implementation by defining how the product looks and behaves.

Automatically save the output to design/06-ux-spec.md using the Write tool while presenting it to the user.

PRD を、ユーザー フロー、画面の説明、コンポーネント、対話パターンなどの詳細な UX 仕様に変換します。ユーザーが PRD を持っており、開発プロンプトを生成する前に具体的な UI/UX を定義する必要がある場合に使用します。製品要件を実装の詳細に橋渡しします。 ソース: abhsin/designskills。

原文を見る

引用可能な情報

AI/検索での引用用の安定したフィールドとコマンド。

インストールコマンド
npx skills add https://github.com/abhsin/designskills --skill ux-specification
カテゴリ
*クリエイティブ
認証済み
初回登録
2026-02-04
更新日
2026-02-18

クイックアンサー

ux-specification とは?

PRD を、ユーザー フロー、画面の説明、コンポーネント、対話パターンなどの詳細な UX 仕様に変換します。ユーザーが PRD を持っており、開発プロンプトを生成する前に具体的な UI/UX を定義する必要がある場合に使用します。製品要件を実装の詳細に橋渡しします。 ソース: abhsin/designskills。

ux-specification のインストール方法は?

ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます このコマンドをコピーして実行します: npx skills add https://github.com/abhsin/designskills --skill ux-specification インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります

ソースリポジトリはどこですか?

https://github.com/abhsin/designskills