KTern.AI CodeGenie 1.0.4

KTern.AI CodeGenie is an AI-powered development assistant built into VS Code. It is designed to supercharge coding productivity across SAP Clean Core and modern web stacks. CodeGenie handles complex development tasks—providing comprehensive code generation and analysis, smart debugging and troubleshooting, architecture and design guidance, code optimization, project scaffolding, and documentation support. It seamlessly integrates into the editor to auto-complete workflows: creating and editing files with live diffs, running build or deployment commands in a real shell, and even launching a headless browser for testing and debugging. Think of CodeGenie as an intelligent coding partner that can write, fix, and validate code while you focus on higher-level design.

[!TIP] Use the CMD/CTRL + Shift + P shortcut to open the command palette and type "CodeGenie: Open In New Tab" to open the extension as a tab in your editor. This lets you use CodeGenie side-by-side with your file explorer, and see how he changes your workspace more clearly.

Key Features

CodeGenie brings together a rich set of capabilities to streamline development:

• AI-Powered Coding Assistant: Leverages Ktern.AI’s proprietary model to understand your project and provide context-aware help. It can write new code or improve existing code according to best practices.
• Automated Code Editing: Creates and edits files directly in your workspace, presenting changes as an interactive diff. CodeGenie proactively fixes common errors (missing imports, syntax issues) on the fly. All edits are recorded in the file’s Timeline, so you can review or revert any change.
• Terminal & Shell Integration: Runs commands in your project’s terminal using VS Code’s integrated shell (leveraging the VSCode v1.93 shell API). This lets CodeGenie install packages, run build or test scripts, deploy apps, or perform any CLI task with real output. Long-running processes (like dev servers) can run in the background with progress updates.
• Headless Browser Debugging: For web projects, CodeGenie can launch a headless (and real) browser, click through UI elements, fill forms, scroll, and capture screenshots or console logs. This enables end-to-end testing and visual debugging: the assistant can autonomously find and fix runtime or layout issues without constant supervision.
• Contextual Code Generation: CodeGenie understands your codebase structure (ASTs, configs, etc.) to make informed suggestions. It offers architecture recommendations and code improvements tailored to your project context.
• Version Control Integration: Use Git context mentions (see Context Commands below) to have CodeGenie analyze your repository history. It can generate commit messages, explain diffs, and suggest fixes for recent changes.
• Custom Tools via MCP: Thanks to the Model Context Protocol (MCP), you can extend CodeGenie’s capabilities by adding custom tools. CodeGenie can create or install new tool “servers” on demand (e.g. a JIRA issue fetcher or AWS manager) and then use them in future tasks.
• Built-in Marketplace: An in-IDE marketplace lets you browse and install community MCP tools and contextual mode extensions. For example, you could add tools for database access, external APIs, or specialized utilities to enhance CodeGenie.

Getting Started

1. Install the Extension: Install KTern.AI CodeGenie from the VS Code Marketplace and reload VS Code.
2. Open CodeGenie Panel: Use the Command Palette (Ctrl+Shift+P / Cmd+Shift+P) and run “CodeGenie: Open In New Tab” to launch the assistant side-by-side with your code.
3. Initiate a Task: Describe your task in natural language. For example, “Fix the login form validation bug” or “Create a new React component for the dashboard”. You can attach screenshots or mockup images to show UI designs or error logs.
4. Review Interactive Steps: CodeGenie will analyze your workspace and perform the task by editing files, running terminal commands, or using the browser. Changes are shown in a diff view for your approval.
5. Complete and Deploy: Once the task is done, CodeGenie summarizes the results and may suggest a terminal command (e.g. open -a "Google Chrome" index.html) to view changes.

Advanced Functionality

• Interactive Diffs & Timeline: Every modification is presented in a diff view and tracked in the file’s Timeline, ensuring transparency and control.
• Live Problem Fixing: Automatically resolves linter/compiler issues during execution.
• Session Branching: Use slash commands like /newtask to branch sessions and work in clean contexts.

Context Commands

Enhance CodeGenie’s accuracy with these context inputs:

• @url <http://example.com> — Fetches and includes web content.
• @file path/to/file — Injects file content.
• @folder path/to/folder — Adds all files in a folder.
• @problems — Loads workspace error logs.
• @terminal — Loads terminal logs.
• @commit:<SHA> — Adds Git commit diffs and metadata.
• @commit:<branch> — Brings in latest commits from a branch.

Slash Commands

Type / in the chat input to:

• /newtask — Start a new AI session from current context.
• /newrule — Define reusable coding rules.
• /smol — Condese your current context window and reduces computing cost.
• /reportbug — Create github issue using CodeGenie.

Tooling & Extensibility

• MCP Custom Tools: Ask CodeGenie to build tools for JIRA, AWS, PagerDuty, etc.
• MCP Marketplace: Browse and install prebuilt integrations from the in-IDE marketplace.
• Contextual Modes: Activate specialized coding behaviors.
• Team Collaboration: Share and reuse tools, rules, and sessions.

Version Info

Current Release: CodeGenie v1.0.4 All features described are stable and production-ready.

For documentation, support, and contributions, visit ktern.com or contact the CodeGenie team.