setup-component-explorer-light Skill
Lightweight setup — install Component Explorer packages and add the Vite plugin, with MCP server for AI agent integration. USE FOR: "lightweight or minimal component explorer setup", "install the packages and add the Vite plugin", "component explorer without the CLI daemon", "MCP server for AI agent integration". DO NO Published by microsoft in vscode-team-kit.
Decision snapshot
Is this a fit?
Developers using vscode-team-kit, Includes SKILL.md, Reusable instructions
Compatibility not yet detected.
Permission behavior not yet detected.
Copy skill directory
2 months ago · MIT license
No specific cautions were detected. Review the source and requested permissions before installing.
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. USE FOR: "lightweight or minimal component explorer setup", "install the packages and add the Vite plugin", "component explorer without the CLI daemon", "MCP server for AI agent integration". DO NO 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. See how SkillIndex evaluates profiles.
Key capabilities
- Includes SKILL.md support
- Reusable instructions support
- Developers using vscode-team-kit
Declared skill metadata
- Source file: component-explorer/skills/setup-component-explorer-light/SKILL.md
These fields retain source and confidence evidence from the indexed SKILL.md.
Compatibility and setup
- 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. USE FOR: "lightweight or minimal component explorer setup", "install the packages and add the Vite plugin", "component explorer without the CLI daemon", "MCP server for AI agent integration". DO NO
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' |
Verified compatibility and discovery
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.
Project health auto-fetched from the source repository.
Maintain this resource?
Review this source-backed profile, send a correction with evidence, or link to it from your documentation. Claims verify your relationship to the project; profile facts still require source evidence and editorial review.
