AI Profiles for Devstack
Manage multiple opencode API key profiles and launch opencode directly from VS Code.
Part of Devstack — local web development environment manager.
Features
- Rich WebView UI — two-panel layout with profile list, search, and detail view (similar to Devstack desktop app)
- Launch opencode with selected profile — sets env vars +
OPENCODE_CONFIG_CONTENT, opens terminal ready to use
- Multiple models per profile — add multiple model IDs, first one is primary
- Provider color coding — visual indicators per provider
- Pricing display — see input/output costs and context window per model
- CRUD profiles — create, edit, delete profiles from WebView or Command Palette
- Scan & Import — detect existing opencode configs from
~/.config/opencode/ and local project directories
- OpenCode Config Editor — view current
opencode.jsonc and auth.json configuration
- Status bar — shows active profile name, click to quickly switch and launch
- Shared data — uses
~/.ai-profiles/profiles.json, same file as Devstack desktop app
Commands
| Command |
Description |
AI Profiles: Pilih Profile & Launch |
Quick pick list of profiles, launch opencode in terminal |
AI Profiles: Buat Profile Baru |
Wizard: name, provider, API key, model |
AI Profiles: Edit Profile |
Select profile, edit fields |
AI Profiles: Hapus Profile |
Select profile, confirm deletion |
AI Profiles: Scan & Import Config |
Scan local opencode configs, import new ones |
AI Profiles: Refresh |
Reload profiles from file |
AI Profiles: OpenCode Config Editor |
View opencode.jsonc and auth.json |
Usage
- Launch opencode —
Cmd+Shift+P → AI Profiles: Pilih Profile & Launch → select profile
- Add profile manually — click
+ in WebView sidebar or AI Profiles: Buat Profile Baru
- Import existing config —
AI Profiles: Scan & Import Config — detects all opencode accounts
- Edit/delete — click edit/delete buttons in detail view or use Command Palette
- Search profiles — type in search box to filter by name, provider, or model
Supported Providers
| Provider |
Env Variable |
| OpenCode Go |
via OPENCODE_CONFIG_CONTENT |
| DeepSeek |
DEEPSEEK_API_KEY |
| Anthropic |
ANTHROPIC_API_KEY |
| OpenAI |
OPENAI_API_KEY |
| Google |
GOOGLE_API_KEY |
| Groq |
GROQ_API_KEY |
| Together |
TOGETHER_API_KEY |
| Custom |
User-defined env var name |
Installation
From Open VSX (recommended)
Open the Extensions panel in your editor and search "AI Profiles for Devstack", then click Install. Works on VS Code, VSCodium, Gitpod, and Antigravity IDE.
VS Code (from VSIX)
code --install-extension ai-profiles-1.0.10.vsix
Antigravity IDE (from VSIX)
~/.antigravity-ide/antigravity-ide/bin/antigravity-ide --install-extension ai-profiles-1.0.10.vsix --force
Build from source
cd devstack/vscode-extension
npm install
npm run compile
npx @vscode/vsce package
Or use the Devstack desktop app: Settings → VS Code Extension → Build VSIX
Publishing to Open VSX
- Go to https://open-vsx.org/user-settings/tokens
- Create a new token
- Open Devstack → Settings → VS Code Extension
- Paste token → Save → Build & Publish to Open VSX
Data Storage
Profiles are stored in ~/.ai-profiles/profiles.json:
[
{
"id": "uuid",
"name": "My Profile",
"provider": "opencode-go",
"apiKey": "sk-...",
"models": ["opencode-go/deepseek-v4-flash", "opencode-go/qwen3.7-max"],
"projectPath": "/path/to/project",
"notes": "Optional notes",
"createdAt": 1700000000000,
"lastUsed": 1700000000
}
]