Welcome to Codespell.ai

Codespell.ai enhances your development workflow by integrating AI-powered code assistance directly into your editor. From real-time debugging tips to automated documentation, Codespell.ai has you covered.

Features

1. Chat Interaction

Engage with the AI assistant directly from your editor's sidebar using natural language. Simplify complex coding tasks, debug efficiently, and learn more effectively.

• Instant Coding Assistance: Receive immediate feedback and suggestions through the chat interface to improve your code.
• Code Explanations: Understand complex code by requesting detailed breakdowns and explanations.

2. Add to Chat

Easily share code with the AI assistant using the "Add to Chat" feature.

• How It Works:

  • Highlight a piece of code in your editor.
  • Right-click and select "Add to Chat."
  • Get feedback, explanations, or suggestions instantly.

• Quick Feedback:

  • Improve performance, refine logic, or follow best practices.
  • Generate alternative implementations and detailed documentation.

• Spells Commands: Once code is added to the chat, use these commands for tailored feedback:

  • /explain: Request clear explanations and improvement suggestions.
  • /optimize: Enhance code by addressing logical errors and adhering to best practices.
  • /doc: Generate detailed documentation for the highlighted code.
  • /unit: Automatically create unit tests for the selected code block.
  • /clear: Clear the current chat history.

3. Inline Code Suggestions

Boost your productivity with inline suggestions as you write code. The AI assistant provides intelligent autocompletion after you add a comment or function and trigger the suggestion manually.

• Trigger Suggestions: Add a comment or start writing a function, then press the shortcut key to invoke suggestions that align with the current code context (Windows/Linux: Alt+G, Mac: Cmd+G).

4. Interactive Demo

Explore the capabilities of Codespell.ai with an interactive demo. Experience the following features in action:

• Code Generation: Create efficient, high-quality code tailored to your project needs.
• Code Debugging: Identify and resolve errors with detailed insights.
• Code Optimization: Enhance performance and maintainability.
• Automated Unit Tests: Generate unit tests to ensure code reliability.
• Documentation Assistance: Automate the creation of clear and thorough documentation.

Interactive Demo

5. Design Studio

Simplify complex design and development processes with the Codespell.ai Design Studio. This platform empowers developers to:

• Development Enhancements:

  • Accelerate development with AI-assisted best practices.
  • Ensure code consistency and maintainability across teams.
  • Integrate seamlessly into your existing workflow for maximum efficiency.
  • Learn More

• Advanced Testing Tools:

  • Automate unit test generation to save time and improve code coverage.
  • Identify and address test gaps with AI-driven insights.
  • Simplify debugging with detailed test suggestions.
  • Learn More

• Provisioning Insights:

  • Streamline infrastructure provisioning with AI-driven recommendations.
  • Optimize configurations to ensure efficient resource utilization.
  • Accelerate deployment cycles with tailored provisioning plans.
  • Learn More

Learn More About Design Studio

6. Saved Prompt

Saved prompts can be used to easily save and reuse prompts in the chat whenever needed. To save a prompt for future reference, click the saved prompt icon located before the prompt message. The system will automatically generate a title and tags for the prompt. You can also edit the title to better suit your needs.

Press the # key or click the # icon in the chat window to quickly view all available prompts. Simply click on any prompt to reuse it—it will automatically fill in the prompt details and generate a response.

To manage your saved prompts, click the Saved Prompts icon in the top navigation bar. Go to the Prompts tab to view all saved prompts. You can edit or delete any prompts you’ve created.

7. Chat History

The Chat History feature makes it easy to save and reference past conversations.

To start a new session, click the New Chat option in the top navigation bar.

Access saved conversations by clicking the History icon in the top navigation. Keep important chats handy by pinning them—pinned conversations will always appear at the top. History is sorted by date, with the most recent entries shown first. Use the edit or delete icons to update or remove conversations as needed.

Click on any saved conversation to pick up right where you left off.

8. File Context

Boost your coding efficiency by referencing project files directly within the chat window.

• How to Use: Press @ and select the Files option in the chat box to search for and add files from your current project. You can reference multiple files at once, and the selected file context will be used to generate responses tailored to your code or content.

9. Terminal Context

Enhance your debugging efficiency by referencing terminal errors directly within the chat window.

• How to Use: Press @ and select the Terminal option to pass the last executed command along with its output context to the chat. The system will generate responses based on this context.

10. Editor Quick Actions

Easily access essential Spells and Chat features through intuitive icons displayed above each function or method in the active file in editor.

• Available Spells:
  • Optimize: Enhance code efficiency and resolve logical issues.
  • Unit Test: Generate unit tests for the selected method.
  • Doc: Create detailed and comprehensive function documentation.
  • Explain: Provide in-depth explanations of the code.
  • Inline Chat: Share method code directly in the chat for custom queries.

Note: Spell & Chat icons will appear automatically above functions and methods if the relevant language server or bindings are installed. Otherwise, they will be visible only when code block is selected.

11. Image Upload

Image Upload is now supported within the chat to enhance developer-AI collaboration using visual context.

• How to Use:

  • Use the image upload icon in the chat input to select and upload an image file.
  • Alternatively, paste an image directly into the chat from your clipboard (e.g., screenshots).
  • The system will analyze the image and provide context-aware responses such as explanations, bug diagnostics, or design feedback.

• Supported Formats

  • PNG, JPG, JPEG, and GIF.

12. Rules

Customize how Codespell.ai responds to your prompts using Rules—predefined configurations that control the tone, depth, and technical preferences of the AI’s output.

• How to Use Rules

  • Click the Rules icon at the bottom of the chat window.
  • Select from available rules tailored for different roles, teams, or standards.
  • The selected rule will shape the system’s response accordingly.

• Custom Rules You can create or request custom rules for:

  • Project-specific conventions
  • Team documentation styles
  • Compliance and formatting standards

Note: Custom rules can be created and managed through the Codespell.ai Console App.

13. Workspace Context

Brings deep contextual understanding of your local project directly into the Codespell.ai chat, enhancing its ability to answer questions about your code with greater precision.

• How it works

  • Codespell.ai indexes your current workspace locally using transformers.js.
  • Code embeddings are computed and stored entirely on your machine.
  • When you use @workspace, the system searches this local index to surface the most relevant parts of your code as reference for the system.

• How to Use

  • Just type your question in chat and include @workspace.

  Examples:

  @workspace how does the authentication work?
  @workspace can you explain how the state management is implemented?
  

  • The system will automatically use the most relevant context from your project to provide a tailored response.

• Local-First by Design

  • All code indexing and embedding happens locally.
  • No codebase is uploaded or synced externally.
  • Designed to keep your workflow secure, private, and fast.

Third-Party Licenses

The third-party licenses used in this software are listed in the Third-Party Licenses file.

Ready to revolutionize your development experience? Start using Codespell.ai today!