setup-component-explorer-light Skill
Lightweight setup — install Component Explorer packages and add the Vite plugin, with MCP server for AI agent integration. Published by microsoft in vscode-team-kit.
What is setup-component-explorer-light Skill?
Lightweight setup — install Component Explorer packages and add the Vite plugin, with MCP server for AI agent integration. Published by microsoft in vscode-team-kit. This profile combines repository metadata with install, compatibility, and usage signals so developers can quickly decide whether it fits their agent workflow before opening the source repository.
Automated repository signals based on public metadata such as recency, license, installation evidence, and adoption. These are not a security audit or endorsement.
Key capabilities
- Includes SKILL.md support
- Reusable instructions support
- Developers using vscode-team-kit
Technical details
- Install or run with Copy skill directory
When to use setup-component-explorer-light Skill
- Use it for developers using vscode-team-kit.
Built with
Editorial notes
Source
- Creator: microsoft
- Repository: microsoft/vscode-team-kit
- Skill file: component-explorer/skills/setup-component-explorer-light/SKILL.md
What it does
Lightweight setup — install Component Explorer packages and add the Vite plugin, with MCP server for AI agent integration.
Skill instructions
Skill: Setup Component Explorer (Light) Minimal setup: install packages and wire the Vite plugin so fixtures are served at explorer. For the full setup (CLI daemon, VS Code tasks & launch config), use the setup-component-explorer-full skill. Prerequisites - The project uses Vite as its bundler - Node.js = 22 Step 1: Install Packages bash npm install @vscode/component-explorer @vscode/component-explorer-vite-plugin Use the project's package manager (npm, pnpm, yarn). For workspace monorepos, install into the package that owns the Vite config. Step 2: Configure Vite Plugin Add componentExplorer() to vite.config.ts: ts import { componentExplorer } from '@vscode/component-explorer-vite-plugin'; export default defineConfig({ plugins: [ // ... existing plugins (react, tailwind, etc.) componentExplorer(), ], }); Plugin Options | Option | Default | Description | |--------|---------|-------------| | include | './src//.fixture.{ts,tsx}' | Glob pattern for fixture files | | route | '/explorer' |
Explore related resources
Frequently asked questions
What is setup-component-explorer-light?
setup-component-explorer-light is a open-source AI agent skill with Copy skill directory. Lightweight setup — install Component Explorer packages and add the Vite plugin, with MCP server for AI agent integration.
Who is setup-component-explorer-light best for?
setup-component-explorer-light is best for reusing agent instructions, scripts, and references.
How do I install setup-component-explorer-light?
Install or run setup-component-explorer-light using Copy skill directory. Check setup-component-explorer-light for the latest setup command.
Is setup-component-explorer-light actively maintained?
setup-component-explorer-light may need a closer maintenance check before production use.
Auto-fetched from GitHub.
