![]()
FrootAI β VS Code Extension
From the Roots to the Fruits. Itβs connected, itβs simply Frootful.
The UniFAIng Glue for GenAI Ecosystem
Solution plays Β· AI primitives Β· MCP tools Β· Knowledge Modules Β· Comprehensive Glossary
π¦ Whatβs Inside
The extension adds a FrootAI icon to your activity bar with 7 sidebar sections:
| Section | What You Get |
|---|---|
| Hi FAI | Welcome hub, Agent FAI chat, Setup Guide, Global Search (Ctrl+Shift+F9) |
| FAI Solution Plays | Configurator wizard, browse 101 plays, scaffold projects, recently used |
| FAI Primitives Catalog | 200 agents Β· 150 instructions Β· 300 skills Β· hooks Β· 70 plugins |
| FAI Learning Hub | FAI Ecosystem explorer, 16 FROOT modules, AI Glossary, Learning Center, Quizzes |
| FAI Packages | MCP server setup, npm/PyPI/Docker distribution, CLI tools |
| FAI Dev Hub | Admin guide, user guide, API reference, changelog, architecture docs |
| FAI Community | Community showcase, contribution guide, GitHub links |
Works standalone β no need to clone the FrootAI repo. Install the extension and go.
π Welcome & Agent FAI

The Welcome panel is your starting point β quick-start actions, feature overview, and ecosystem links all in one place. Open it anytime with Ctrl+Shift+F11.

Agent FAI is your AI-powered assistant that knows the entire FrootAI ecosystem. Ask about solution plays, architecture patterns, Azure best practices, primitives β anything. Responses stream in real-time with full context awareness.
π― Solution Plays

The Solution Configurator walks you through 5 questions to recommend the best play for your scenario β industry, complexity, team size, and more.

Browse All Plays gives you a searchable, filterable catalog of all solution plays. Click any play for a rich detail panel with WAF checklist, Azure services grid, tuning parameters, and cost breakdown.
Each play ships as a 4-kit structure:
solution-play/
βββ .github/ DevKit β agents, instructions, skills, hooks, prompts
βββ config/ TuneKit β AI parameters, guardrails, model routing
βββ evaluation/ eval.py + test sets + quality scoring
βββ infra/ Bicep IaC (Azure plays) or Docker Compose
βββ spec/ SpecKit β architecture spec + WAF alignmentPlay actions β Init DevKit Β· Init TuneKit Β· Init SpecKit Β· Estimate Cost Β· Run Evaluation Β· User Guide
π§© Primitives Catalog

Browse AI primitives across 5 tabs with search, WAF pillar filters, and domain filters:
| Primitive | Count | What They Do |
|---|---|---|
| Agents | 238 | Specialized .agent.md files β RAG, security, DevOps, per-play builder/reviewer/tuner |
| Instructions | 176 | Coding standards, WAF guidelines, domain patterns (.instructions.md) |
| Skills | 322 | Actionable recipes β deploy, evaluate, tune, scaffold (SKILL.md) |
| Hooks | 10 | Policy gates β secrets scanning, guardrails, session validation |
| Plugins | 77 | Themed bundles of agents + instructions + skills + hooks |
One-click install for any primitive β agents use the vscode://github.copilot-chat/createAgent protocol.
π Learning Hub
Explore the FROOT Framework β knowledge modules across 5 layers:
| Layer | Modules |
|---|---|
| Foundations | GenAI Foundations Β· LLMs Β· Glossary Β· Agentic OS |
| Reasoning | Prompts Β· RAG Β· Deterministic AI |
| Orchestration | Semantic Kernel Β· Agents Β· MCP & Tools |
| Operations | Azure AI Β· GPU Infrastructure Β· Copilot Ecosystem |
| Transformation | Fine-Tuning Β· Responsible AI Β· Production Patterns |
Also includes:
- FAI Ecosystem β 6-tab explorer: Factory Β· Packages Β· Toolkit Β· Engine Β· Protocol Β· Layer
- AI Glossary β Comprehensive glossary with definitions and context
- Learning Center β 15 guided learning pages on frootai.dev
- Quiz & Assessment β 25 questions to test your knowledge
π‘ Packages & Distribution
Set up the FAI ecosystem in your preferred format:
| Channel | Package | Install |
|---|---|---|
| npm | frootai-mcp v3.5.0 | npx frootai-mcp@latest |
| PyPI | frootai-mcp v3.5.0 | uvx frootai-mcp |
| Docker | ghcr.io/frootai/frootai-mcp | docker pull ghcr.io/frootai/frootai-mcp |
| CLI | frootai | npx frootai |
| VS Code | This extension | code --install-extension frootai.frootai-vscode |
| Website | frootai.dev | frootai.devΒ |
All channels ship the same 101 plays, 800+ primitives, and 25 MCP tools.
π Installation
Option 1 β VS Code Marketplace (recommended):
Ctrl+Shift+X β Search "FrootAI" β InstallOption 2 β Terminal:
code --install-extension frootai.frootai-vscodeβ‘ Quick Start
1. Install β Ctrl+Shift+X β "FrootAI" β Install
2. Setup MCP β Sidebar β FAI Packages β Setup MCP Server
3. Build β Sidebar β Solution Configurator β pick a play β ScaffoldThatβs it β youβre ready to build AI solutions with FrootAI.
β¨οΈ Keyboard Shortcuts
| Shortcut | Action |
|---|---|
Ctrl+Shift+F9 | Search Everything β plays, tools, glossary, modules |
Ctrl+Shift+F10 | Browse All Plays β filterable catalog |
Ctrl+Shift+F11 | Welcome β feature overview and quick start |
ποΈ Commands (Ctrl+Shift+P) β click to expand
Ctrl+Shift+P) β click to expand| Command | Description |
|---|---|
FrootAI: Search Everything | Global search across plays, tools, glossary, modules |
FrootAI: Browse All Plays | Full catalog with categories, search, pagination |
FrootAI: Solution Configurator | 5-question wizard β personalized recommendation |
FrootAI: Welcome | Feature overview, quick start, ecosystem links |
FrootAI: Agent FAI | Streaming AI chat β ask anything about FrootAI |
FrootAI: Plugin Marketplace | Browse FAI plugins with search and filters |
FrootAI: FAI Ecosystem | Interactive 6-tab ecosystem explorer |
FrootAI: Open Primitives Catalog | AI primitives across 5 tabs with filters |
FrootAI: Open Evaluation | 3-mode dashboard: guide, demo, real workspace data |
FrootAI: Open Scaffold Wizard | 4-step wizard to bootstrap a play |
FrootAI: Initialize DevKit | .github Agentic OS files |
FrootAI: Initialize TuneKit | AI config + evaluation files |
FrootAI: Initialize SpecKit | Architecture spec + WAF alignment |
FrootAI: Initialize Hooks | guardrails.json |
FrootAI: Initialize Prompts | Slash commands |
FrootAI: Install Agent | Install FAI agent via QuickPick |
FrootAI: Install Instruction | Install FAI instruction via QuickPick |
FrootAI: Setup MCP Server | npm / pip / Docker / .vscode config |
FrootAI: Quick Cost Estimate | Azure cost breakdown by tier |
FrootAI: Run Evaluation | Auto-run eval.py + quality dashboard |
FrootAI: Auto-Chain Agents | Build β Review β Tune workflow |
FrootAI: Validate Config | Check config/*.json |
FrootAI: Validate Manifest | Schema-validate fai-manifest.json with diagnostics |
FrootAI: Open Play from Manifest | Detect play ID β open detail |
FrootAI: Look Up AI Term | AI glossary search |
FrootAI: Search Knowledge Base | Full-text search across modules |
FrootAI: Architecture Patterns | Decision guides |
π¬ FAI Ecosystem Architecture
| Layer | Component | Role |
|---|---|---|
| π | FAI Factory | CI/CD Β· Validation Β· Publishing |
| π¦ | FAI Packages | npm Β· PyPI Β· Docker Β· VS Code |
| π§° | FAI Toolkit | DevKit Β· TuneKit Β· SpecKit |
| βοΈ | FAI Engine | Runtime Β· Wiring Β· Resolution |
| π | FAI Protocol | fai-manifest.json Β· fai-context.json |
| 𧬠| FAI Layer | The UniFAIng Glue β Context Wiring |
Flow: Factory β Packages β Toolkit β Engine β Protocol β Layer
π Links
| π Website | frootai.devΒ |
| π¦ npm | npmjs.com/package/frootai-mcpΒ |
| π PyPI | pypi.org/project/frootai-mcpΒ |
| π³ Docker | ghcr.io/frootai/frootai-mcpΒ |
| π» GitHub | github.com/frootai/frootaiΒ |
| π€ Community | frootai.dev/communityΒ |
| π Contribute | frootai.dev/contributeΒ |
| π Learning Hub | frootai.dev/learning-hubΒ |
![]()
From the Roots to the Fruits.
Itβs connected, itβs simply Frootful.
MIT License Β· Β© 2026 FrootAI