component-fixtures とは？
スクリーンショット テスト用のコンポーネント フィクスチャを作成または更新する場合、またはフィクスチャに適した UI コンポーネントを設計する場合に使用します。フィクスチャのファイル構造、テーマ、サービスのセットアップ、CSS スコープ、非同期レンダリング、および一般的な落とし穴について説明します。 ソース: microsoft/vscode。
·component-fixtures
*
component-fixtures
✓スクリーンショット テスト用のコンポーネント フィクスチャを作成または更新する場合、またはフィクスチャに適した UI コンポーネントを設計する場合に使用します。フィクスチャのファイル構造、テーマ、サービスのセットアップ、CSS スコープ、非同期レンダリング、および一般的な落とし穴について説明します。
インストール
component-fixtures のインストール方法
コマンドラインで component-fixtures AI スキルを開発環境にすばやくインストール
- ターミナルを開く: ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます
- インストールコマンドを実行: このコマンドをコピーして実行します: npx skills add https://github.com/microsoft/vscode --skill component-fixtures
- インストールを確認: インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります
ソース: microsoft/vscode。
SKILL.md
原文を見るComponent fixtures render isolated UI components for visual screenshot testing via the component explorer. Fixtures live in src/vs/workbench/test/browser/componentFixtures/ and are auto-discovered by the Vite dev server using the glob src//.fixture.ts.
Use tools mcpcomponent-exp to list and screenshot fixtures. If you cannot see these tools, inform the user to them on.
Each fixture file exports a default defineThemedFixtureGroup(...). The file must end with .fixture.ts.
スクリーンショット テスト用のコンポーネント フィクスチャを作成または更新する場合、またはフィクスチャに適した UI コンポーネントを設計する場合に使用します。フィクスチャのファイル構造、テーマ、サービスのセットアップ、CSS スコープ、非同期レンダリング、および一般的な落とし穴について説明します。 ソース: microsoft/vscode。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/microsoft/vscode --skill component-fixtures- カテゴリ
- *クリエイティブ
- 認証済み
- ✓
- 初回登録
- 2026-03-01
- 更新日
- 2026-03-11
クイックアンサー
component-fixtures のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/microsoft/vscode --skill component-fixtures インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/microsoft/vscode
詳細
- カテゴリ
- *クリエイティブ
- ソース
- skills.sh
- 初回登録
- 2026-03-01