VSCode Team Skill Manager
A VSCode extension for managing team Skill configurations. Enable team members to centrally manage, share, and automatically deploy predefined Skill configurations, improving team collaboration efficiency and code consistency.
Features
Core Features
| Feature |
Description |
| Team Skill Source Management |
Configure multiple team Skill sources, support add, edit, delete and test connections |
| Auto Download & Install |
One-click install team-shared Skills, automatically handle dependencies |
| Smart Update & Sync |
Detect and auto-update installed Skills, support batch sync |
| Local Cache Management |
Efficient local cache mechanism, support offline access to installed Skills |
| Flexible Auth |
Support no auth, username/password, API Key and other authentication methods |
User Interface
| Feature |
Description |
| WebView Interface |
Modern single-page layout with tabs |
| Multiple Views |
Quick switch between "Team Skills" and "Installed" views |
| Real-time Status |
Skill install, update, uninstall status in real-time |
| Search & Filter |
Quickly search and filter Skill lists |
Configuration Options
| Option |
Type |
Default |
Description |
vscodeTeamSkill.autoUpdate |
boolean |
true |
Auto check for updates |
vscodeTeamSkill.updateInterval |
number |
60 |
Update check interval (minutes) |
vscodeTeamSkill.showNotifications |
boolean |
true |
Show notifications |
vscodeTeamSkill.storagePath |
string |
"" |
Skill storage path (empty = default) |
vscodeTeamSkill.proxy |
string |
"" |
Proxy server address |
Installation
Option 1: Install from Source
# 1. Clone the repository
git clone <repo-url>
# 2. Enter project directory
cd vscode-team-skill-manager
# 3. Install dependencies
npm install
# 4. Compile
npm run compile
# 5. Load in Cursor
# - VSCode
# - 选择 "Developer: Install Extension from Location"
# - Choose the compiled `dist` directory
Option 2: Package and Install
npm install
npm run compile
# Package with your preferred tool
# Install the .vsix file in VSCode
Quick Start
1. Open Plugin
- Use
Ctrl+Shift+P / Cmd+Shift+P
- Search for
Team Skill Manager: Open Panel
- Or click the Team Skill Manager icon in the sidebar
2. Add Skill Source
- Click the "添加源" button in the WebView interface
- Enter source name and URL
- Choose authentication method if needed
- Click "添加"
3. Install Skill
- Browse available Skills in the "团队 Skill" tab
- Click "安装" button to install
- Installation progress is displayed in real-time
4. Sync Updates
- Click "同步全部" button to sync all Skills
- Or use command:
Team Skill Manager: Sync All
Commands
Available commands in Command Palette (Ctrl+Shift+P):
| Command |
Description |
Team Skill Manager: Open Panel |
Open main interface |
Team Skill Manager: Install Skill |
Install specified Skill |
Team Skill Manager: Update Skill |
Update specified Skill |
Team Skill Manager: Remove Skill |
Remove specified Skill |
Team Skill Manager: Sync All |
Sync all installed Skills |
Team Skill Manager: Check Updates |
Check for available updates |
Team Skill Manager: Add Source |
Add new Skill source |
Team Skill Manager: Test Source |
Test source connection |
Team Skill Manager: Refresh Sources |
Refresh source list |
Team Skill Manager: Open Settings |
Open plugin settings |
Project Structure
vscode-team-skill-manager/
├── src/
│ ├── extension.ts # Plugin entry point
│ ├── commands/
│ │ ├── skillCommands.ts # Skill commands
│ │ └── configCommands.ts # Config commands
│ ├── services/
│ │ ├── skillService.ts # Skill business logic
│ │ ├── downloadService.ts # Download service
│ │ ├── cacheService.ts # Cache management
│ │ ├── sourceService.ts # Source management
│ │ ├── configService.ts # Config service
│ │ └── agentSkillService.ts # Agent skill execution
│ ├── models/
│ │ ├── skill.ts # Skill data model
│ │ ├── source.ts # Source model
│ │ └── config.ts # Config model
│ ├── webview/
│ │ ├── panel.ts # WebView panel management
│ │ └── html.ts # WebView HTML content
│ ├── views/
│ │ └── sourcesTreeProvider.ts # TreeView providers
│ └── utils/
│ ├── logger.ts # Logging utility
│ ├── helpers.ts # Helper functions
│ ├── skillParser.ts # Skill markdown parser
│ └── pathSecurity.ts # Path security validation
├── resources/
│ └── icons/ # Icon resources
├── skill/ # Built-in Skills
├── package.json # Package config
├── tsconfig.json # TypeScript config
├── SPEC.md # Technical specification
└── README.md # This file
Development
# Install dependencies
npm install
# Compile
npm run compile
# Watch mode
npm run watch
# Lint
npm run lint
Data Storage
Plugin data is stored in:
- macOS:
~/.vscode/extensions/cyma.vscode-team-skill-manager/
- Linux:
~/.vscode/extensions/cyma.vscode-team-skill-manager/
- Windows:
%USERPROFILE%\.vscode\extensions\cyma.vscode-team-skill-manager\
Data directory structure:
data/
├── cache/
│ ├── metadata.json # Cache metadata
│ └── skills/ # Skill files
└── logs/ # Log files
Project Skills are installed to: {workspace}/.skill/
Security
- Sensitive info (API Keys, passwords) stored encrypted via VS Code SecretStorage
- All network requests support HTTPS
- Path security validation prevents path traversal attacks
FAQ
Q: Cannot get Skill list after adding source?
A: Please check:
- Is the source URL correct?
- Is network connection working?
- Are authentication credentials correct?
- Use "Test Source Connection" feature to diagnose
Q: Installation failed?
A: Try:
- Check network connection
- Clear cache and retry
- Check log files for detailed error info
- If using proxy, ensure proxy config is correct
License
MIT License
