スキル自身の言葉で
Impeccableは、デザイン、批評、監査、仕上げ、アニメーション、リファインメントを通じてフロントエンドインターフェースを変革します。ウェブサイト、ランディングページ、ダッシュボード、プロダクトUI、コンポーネント、フォーム、設定、オンボーディング、空の状態をカバーし、UXレビュー、視覚的階層、アクセシビリティ、パフォーマンス、レスポンシブ動作、テーマ設定、タイポグラフィ、スペーシング、レイアウト、色、モーション、マイクロインタラクション、デザインシステムを扱います。
このスキルは、プロダクショングレードのコード、最高レベルの創造性、明確なPOV、そして卓越したクラフトを通じて、常識を超えたクラフトを実現します。作業はPersuade、Operate、Read、Experienceという4つのモードと、20以上の専門コマンドを中心に整理されています。各セッションでは、ランチャースクリプトを介してプロダクトコンテキスト、ビジュアルワールド、サーフェスブリーフを読み込み、その後コマンド固有のプレイブックとクラフト品質のフロアに従います。
生成されるもの
- initコマンドを介して永続的なプロダクトコンテキストを取得するPRODUCT.md
- documentコマンドを介して既存のプロジェクトコードから生成されるDESIGN.md
- extractコマンドを介してデザインシステムに取り込まれる再利用可能なトークンとコンポーネント
- 完全な成果物、最高レベルの創造性、卓越したクラフトを備えたプロダクショングレードのUIコード
仕組み
- 01セッションコンテキストを一度だけ読み込む
impeccable スクリプトを、セッションごとに1回、スキルディレクトリからcontext引数を付けて実行します。
- 02依頼のPlaybookを読み込む
明示的または暗黙のサブコマンドについてはCommandsテーブルのリファレンスを読み込み、新しいサーフェスや置き換えとなるビジュアルの世界観にはnew-work.mdを読み込みます。
- 03編集前にCraft Floorを読む
分析と方向性の決定が済んだら、小さな調整も含めUIの編集を行う直前にcraft-floor.mdを読みます。
- 04サーフェスの種類からモードを選ぶ
訪問者が意思決定して行動するランディングページやマーケティングにはPersuadeを選びます。訪問者がタスクを完了するアプリUIやダッシュボードにはOperateを選びます。
- 05範囲を限定したパスで検証する
完全にビルドしたうえで、webではデスクトップとモバイルを合わせて、ネイティブでは出荷対象のデバイスクラスをまとめてカバーする一括ラウンドで一度検査します。