Codly - AI-Powered Coding Assistant

Codly is a powerful extension that brings an intelligent AI assistant directly into your coding environment. Chat with AI, get code suggestions, apply edits with visual diff highlighting, and boost your productivity with seamless AI integration.

Features

🤖 Intelligent Chat Interface

• Sidebar Chat: Access your AI assistant directly from the VS Code sidebar
• Context-Aware: AI understands your workspace and file structure

✏️ Smart Code Editing

• Visual Diff Highlighting: See proposed changes with green highlights for additions and red for deletions
• Inline Code Application: Apply AI-suggested edits directly in your editor
• Accept/Reject Changes: Review and control every code modification
• Auto-Accept Mode: Optionally auto-apply trusted changes

📁 Workspace Integration

• File Tree Access: AI can browse your entire project structure
• Multi-File Support: Work across multiple files in a single conversation
• Smart File Filtering: Automatically excludes node_modules, .git, and build directories

📝 Additional Features

• Chat History: Access previous conversations
• New Chat: Start fresh conversations anytime
• Settings Panel: Customize your experience
• Mention Support: Reference files and context using @ mentions

Installation

From VS Code Marketplace

1. Open VS Code
2. Press Ctrl+Shift+X (Windows/Linux) or Cmd+Shift+X (Mac)
3. Search for "Codly"
4. Click Install

Getting Started

1. Open Codly Sidebar

• Click the Codly icon in the Activity Bar (left sidebar)

2. Sign In

• Click the "Sign In" button in the chat interface
• You'll be redirected to the authentication page
• After signing in, manually open VS Code if it doesn't launch automatically
• Approve the URI handler dialog when prompted

3. Start Chatting

• Type your question or request in the chat input
• Use @ to mention files from your workspace
• Press Enter or click the send button

4. Apply Code Changes

• When AI suggests code edits, you'll see visual highlights in your editor
• Review the changes with color-coded decorations (green = new, red = removed)
• Accept or reject changes using the CodeLens UI or commands

Action buttons

• ➕: New Chat - Start a new conversation
• 🕒: Chat History - View previous chats
• 👤: Account - Manage your account settings
• ⚙️: Settings - Configure extension preferences

Privacy & Security

• Authentication tokens are stored in VS Code's encrypted SecretStorage
• User profile data is stored in VS Code's GlobalState
• All communication with backend uses secure connections

Made with ❤️ for developers by developer