Overview

CodeBuddy IDE deeply integrates the entire workflow of design, coding, debugging, and deployment, aiming to deliver a seamless AI collaboration experience for developers through highly automated workflows.

Basic Capabilities

CodeBuddy covers the complete lifecycle from initial concept to code deployment:

• Intelligent Conversation: Instant technical consultation with support for multi-turn dialogue and complex logical reasoning.

• Code Completion: Millisecond-level code prediction, deeply adapted to your project's coding style.

• Figma to Code: One-click conversion of UI designs into maintainable, high-quality frontend code.

• Component Library Integration: Pre-built enterprise-grade UI components with natural language support for style and layout adjustments.

• Intelligent Diagnostics: Automatic detection of potential bugs and performance bottlenecks with one-click fix solutions.

Core Capabilities

CodeBuddy Code Completion Pro: Introducing NES (Next Edit Suggestions) predictive editing capability, redefining intelligent completion. Learn more.

Core Highlight: Beyond the Cursor, Anticipate the Next Step

Breaking through traditional completion limitations, NES not only completes the current line but also predicts your next coding intent, automatically providing intelligent suggestions for related subsequent code blocks (such as the next logical line or function body ending), truly achieving a "write one, complete ten" predictive experience.

Seamless Integration: Enabled by Default, Trigger at Will

The feature is enabled by default, supporting both automatic prediction and manual trigger modes. Manual trigger shortcut: Ctrl + Shift + Enter — summon inspiration with one keystroke and let your coding flow smoothly.

Quick Start

Quick Access

Operating System	Shortcut	Function	Shortcut	Function
macOS	⌘ + I	Inline Chat	Ctrl + ⌘ + I	Open Sidebar Chat
Windows	Ctrl + I	Inline Chat	Ctrl + Win + I	Open Sidebar Chat

Basic Interactions

• New Session: Click the + icon at the top.

• Context Reference: Type @ in the input box to reference files, folders, or current code snippets.

• Multimodal Input: Supports direct screenshot pasting or importing Figma links for UI development.

Intelligent Workflows

CodeBuddy provides multiple professional modes and supports custom extensions to adapt to different development needs:

1. Core Interaction Modes

• Ask (Conversation Mode): Focuses on technical Q&A and concept explanation without directly modifying code. Ideal for quickly getting ideas or looking up APIs.

• Craft (Agent Mode): Focuses on code generation and local modifications within the current context. Responsive and suitable for precise function writing or small-scale refactoring.

• Plan (Planning Mode): The most powerful automation mode. Suitable for cross-file modifications or complex feature development. AI will first create a task list (Plan), then autonomously execute reading, modifying, and environment checks after your confirmation. Learn more about Plan Mode.

2. Custom Agents

Beyond the preset modes, you can click "+ Create Agent" to customize your own AI agents based on specific business logic or work habits, achieving a higher degree of workflow automation. Learn more about Custom Agents.

Advanced Features

CodeBuddy's power lies in its configurable and extensible "brain":

• Memories: Automatically records your preferences and key project context, making the AI increasingly accurate over time. Learn more about Memory.

• Rules: Enforce AI compliance with specific architectural designs or coding standards through custom .codebuddy/rules. Learn more about Rules.

• Skills: Professional instruction sets encapsulated for specific scenarios (such as security auditing, performance testing) through user/project-level configuration in .codebuddy/skills/. Learn more about Skills.

• MCP (Model Context Protocol): An open protocol that supports integrating third-party tools (such as databases, real-time search) as auxiliary tools for the AI. Learn more about MCP.

• Custom Models (API Integration): Supports custom model integration via API for richer AI capabilities. Learn more about Models.

• Custom Instructions (Personalized Adaptation): Supports personalized development habits, making code completion align with individual/team preferences and specific business scenarios. Learn more about Custom Instructions.

Integrations and Ecosystem

CodeBuddy deeply integrates with mainstream development ecosystems, enabling an end-to-end development workflow:

• Cloud Service Integration: Native support for CloudBase, Supabase, and CloudStudio, enabling database management and one-click preview deployment.

• Frontend Component Integration: Supports generating maintainable frontend code that conforms to enterprise-grade design systems by selecting standardized component library specifications.

• Design Component Integration: Supports importing design mockups from the built-in Figma via the Add from Figma button into the IDE, accurately converting Figma designs into production code. Learn more

Tip: You can switch between Ask, Craft, and Plan modes at any time based on task complexity. For tasks requiring extensive code changes, try Plan Mode!