Code Agent#
Alt+Scroll zoom · Alt+Drag pan · Double-click reset
Alt+Scroll zoom · Alt+Drag pan · Double-click reset
An AI coding assistant that can read, edit, and search your local files, run terminal commands, and help you write code.
Features#
Code Agent provides six quick-action capabilities:
Row 1#
- List all files in the current project – Browse your project structure instantly.
- Find all TODO comments in the codebase – Track outstanding work items.
- Explain the architecture of this project – Get an AI-generated overview of how your project is structured.
Row 2#
- Run the test suite and show results – Execute tests and view output directly.
- Create a new React component called Button – Scaffold components with a single click.
- Find and fix TypeScript errors – Detect and resolve type errors automatically.
Design#
| Element | Detail |
|---|---|
| Background | Dark gray / near-black (#1d1f21) |
| Text | Light gray for readability |
| Accent | Orange-to-yellow gradient lightning bolt icon |
| Buttons | Rounded, dark gray with subtle borders, two rows of three |
| Layout | Centered, minimalist, dark-mode optimized |
The interface is clean, developer-focused, and designed for quick access to common coding tasks.
Development Environment#
Alt+Scroll zoom · Alt+Drag pan · Double-click reset
The project is developed using VS Code connected to a remote server via SSH (VM-MCP-SERVER-Y). The workspace contains the following key folders:
| Folder | Purpose |
|---|---|
_azure_details | Azure cloud configuration and deployment details |
content-lead-extension | The VS Code extension source code (actively tracked) |
MCP_server | MCP (Model Context Protocol) server backend |
SkillTown | Main SkillTown platform codebase |
Environment Details#
- IDE: Visual Studio Code (Dark theme)
- Connection: Remote SSH to
VM-MCP-SERVER-Y - Layout: Standard Explorer panel with file tree navigation
- Green indicators show actively tracked / selected directories