ウォークスルー
チュートリアルは、豊富なコンテンツを備えた複数ステップのチェックリストを通じて、ユーザーを拡張機能にオンボーディングするための一貫したエクスペリエンスを提供します。
✔️ すべきこと
- 役立つ画像を使用して、現在のチュートリアルステップにコンテキストを追加します。
- 画像が異なるカラーテーマで機能することを確認してください。可能であれば、VS Codeのテーマカラーを使用してSVGを使用してください。Visual Studio Code Color Mapper Figma プラグインを使用すると、SVGのテーマ設定を簡単に行うことができます。
- 各ステップにアクション (例: すべてのコマンドを表示) を提供します。可能であれば動詞を使用してください。
❌ すべきでないこと
- 単一のチュートリアルに過剰な数のステップを追加しないでください
- 絶対に必要な場合を除き、複数のチュートリアルを追加しないでください
