Interactive Code Editor

Code Canvas

Interact with code snippets directly — debug, enhance, and generate code with LLM assistance.

Table of Contents

1. What is Code Canvas?
2. How to Use Code Canvas
3. Menu Options

---

What is Code Canvas?

Overview

Code Canvas is a product that enables developers of all skill levels to directly interact with snippets of code. It is designed to help developers have LLMs review, debug, append, and provide suggestions for code snippets.

Getting Started: Navigate to the left sidebar on the screen and you will see the Code Canvas icon — select it to get started.

---

How to Use Code Canvas

Three Ways to Work with Code Canvas

Code Canvas is a versatile tool designed to streamline your coding workflow. Unlike traditional methods, it requires you to instruct the LLM to perform specific tasks, making it ideal for debugging or enhancing code.

1

Copy and Paste Code

Directly copy code snippets and paste them into the canvas. All languages are supported.

→

2

Configure Prompt Settings

Click Prompt Tools to select your preferred Model, Persona, or Prompt Template.

→

3

Generate Code

Submit a prompt to have the LLM generate new code — e.g., "Generate a Python function that takes two arguments and returns their sum."

After pasting code or submitting a prompt, you can interact with the code directly in the canvas:

• Manipulate the Code: Edit code directly within the canvas.
• Prompt the LLM: Use commands to instruct the LLM to make specific changes.

Important: The code generated by the LLM will not execute within the canvas. To run the code, you must copy and paste it into your IDE.

---

Menu Options

Available Canvas Actions

Copy

Copy the entire code snippet to your clipboard for use in your IDE or elsewhere.

Undo

Revert the last action taken in the canvas.

Redo

Reapply the last undone action in the canvas.

Changes

View the full history of changes made to the code during your session.

Ready to Code Smarter? By leveraging Code Canvas, you can debug, enhance, and generate code with LLM assistance — making it a powerful tool for developers of all skill levels.