mcpField
P
principle-experience-first

principle-experience-first

github.com/cursorデザイン・UI14.5k4.3k 回インストール今日更新
リポジトリ

principle-experience-first について

UI、ライブラリ、内部 API の開発者向けの設計スキルです。利用者と保守担当者の体験を重視し、機能数より中核機能の磨き込みを優先します。

主な機能

  1. 01機能や操作項目の必要性を確認
  2. 02実装前にプロトタイプを作成
  3. 03インタラクションの細部を調整
  4. 04中核ワークフローに機能を集中
  5. 05保守担当者も利用者として考慮

活用シーン

  1. 01機能提案のレビュー
  2. 02UI設計の判断を試作で検証
  3. 03遷移やエラー状態の改善

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/cursor/plugins --skill principle-experience-first

インストール後、Claude Code で/principle-experience-firstを入力して読み込まれたか確認します。

詳細

体験を最優先に

実装のしやすさとユーザーの喜びが相反する場合は、喜びを選びます。

  • すべての機能、コントロール、オプションには、導入する理由が必要です
  • 数を増やすより、質を高めましょう(粗削りな機能を10個そろえるより、洗練された体験を実現する3つの機能を提供しましょう)
  • 決定する前にプロトタイプを作りましょう(本番コードより、使い捨てのHTMLのほうが設計上の判断を安く試せます)
  • 細部まで仕上げましょう(トランジション、配置、余白、フィードバック、エラー状態)
  • コアとなる一連の操作を磨きましょう(すべての機能は中心となるワークフローに貢献するか、邪魔にならないようにする必要があります)

成果物を利用する人は誰でもユーザーです。UIならエンドユーザーです。ライブラリや内部APIなら、それをインポートする同僚です。次にコードを保守するエンジニアもユーザーです。その人たちの体験も同じように考慮し、それぞれの視点から影響を説明しましょう。

基盤は体験を支えるものであるべきです。基盤に関する考え方が定めるのは、作業の順序です。この原則が定めるのは、目標です。

コメント