Back to Documentation

Features Overview

Explore all the powerful features and capabilities that CodeAI offers to enhance your development workflow.

Core Features

Real-time Streaming

Watch AI responses stream in real-time as they are generated, providing instant feedback and a more interactive experience.

Advanced Code Blocks

Code blocks with syntax highlighting, line numbers, word wrap, expand/collapse, copy, insert, and download capabilities.

AI Agents

Create custom AI assistants with specific instructions, models, and behaviors for specialized tasks.

Multiple AI Models

Access to OpenAI and Anthropic Claude models, with the ability to switch between them seamlessly.

Theme Customization

Multiple themes with customizable colors, backgrounds, and visual styling to match your preferences.

Message Management

Edit, delete, regenerate, and provide feedback on messages to improve your AI interactions.

Supported AI Models

OpenAI Models

  • •GPT-3.5
  • •GPT-4
  • •GPT-4o
  • •GPT-4o-mini
  • •GPT-5

Anthropic Claude Models

  • •Claude Sonnet 4.5
  • •Claude Haiku 4.5
  • •Claude Opus 4.1
  • •Claude Sonnet 4
  • •Claude Sonnet 3.7

Note: Free plans have limited model access. Upgrade to access the latest models from Claude, OpenAI, and Google.

Theme System

CodeAI includes a flexible theming system that allows you to customize the appearance of the interface:

  • •Multiple pre-built themes (Modern, etc.)
  • •Customizable color schemes (primary, secondary, accent)
  • •Background and surface color customization
  • •Text and border color options
  • •Gradient effects and visual styling
  • •Theme persistence across sessions

Real-time Streaming

CodeAI uses WebSocket connections to provide real-time streaming of AI responses:

  • •Responses stream character by character for instant feedback
  • •Code blocks are detected and highlighted as they stream in
  • •Automatic reconnection on connection loss
  • •Ability to stop streaming at any time
  • •Connection to api.codeai.studio via secure WebSocket

Code Block Features

Code blocks in AI responses come with powerful features:

•Syntax highlighting for 100+ languages
•Line numbers toggle
•Word wrap toggle
•Expand/collapse for long blocks
•Copy to clipboard
•Insert into VS Code editor
•Download as file with proper extension
•Language detection and labeling

Keyboard Shortcuts

•
Enter: Send message (when not holding Shift)
•
Shift + Enter: New line in message input
•
Escape: Close modals and dropdowns

Additional Features

  • •Message History: All conversations are saved and accessible
  • •Request Tracking: Monitor your API request usage and limits
  • •Prompt Cards: Quick-start prompts for common tasks
  • •Agent Favorites: Star and quickly access frequently used agents
  • •Search & Filter: Find agents and messages quickly
  • •Scroll to Bottom: Quick navigation button for long conversations
Previous: Settings