Coding Studio Guide
A complete walkthrough of all Coding Studio tools with screenshots and examples. Learn how to debug, refactor, generate, and test code with AI.
Pro Plan Required
Coding Studio is an exclusive feature for Pro plan subscribers. Upgrade to Pro to unlock all 6 coding tools with unlimited usage.
Interface Overview
Coding Studio provides a professional split-screen interface optimized for code analysis and generation. The interface consists of a tool bar at the top, an input panel on the left, and an output panel on the right.
Tool Bar
Switch between 6 tools: Explain, Debug, Refactor, Generate, Convert, and Tests.
Input Panel
Paste or type your code here. Supports 19+ languages with auto-detection.
Output Panel
View AI results, diffs, and generated files in tabbed panels.
Run Button
Execute the current tool. Use Cmd/Ctrl + Enter as a shortcut.
Explain Tool
The Explain tool provides detailed breakdowns of how code works. Perfect for understanding unfamiliar codebases, learning new patterns, or documenting existing code.
Paste Your Code
Enter the code you want to understand in the input panel. The language is auto-detected.
Click Run
Click the "Run" button or press Cmd/Ctrl + Enter.
Review Explanation
Get a structured breakdown including summary, step-by-step analysis, complexity analysis, and edge cases.
Debug Tool
The Debug tool identifies bugs with root cause analysis, confidence scores, and multiple fix suggestions. Include error messages or unexpected behavior descriptions for better results.
Pro Tip
Include error messages, stack traces, or descriptions of unexpected behavior in comments for more accurate debugging.
Refactor Tool
The Refactor tool detects code smells and suggests improvements without changing functionality. Get before/after diffs and one-click apply.
Generate Tool
The Generate tool creates new code from natural language requirements. Describe what you need and get complete implementations with usage examples and documentation.
Convert Tool
The Convert tool translates code between programming languages or frameworks. Get equivalent code with parity checking and language-specific notes.
Tests Tool
The Tests tool generates comprehensive test suites for your code. Get test plans, edge case coverage, and ready-to-run test files.
Keyboard Shortcuts
Speed up your workflow with these keyboard shortcuts:
| Shortcut | Action |
|---|---|
| Cmd/Ctrl + Enter | Run the current tool |
| Escape | Cancel running operation |
| Cmd/Ctrl + 1 | Switch to Explain |
| Cmd/Ctrl + 2 | Switch to Debug |
| Cmd/Ctrl + 3 | Switch to Refactor |
| Cmd/Ctrl + 4 | Switch to Generate |
| Cmd/Ctrl + 5 | Switch to Convert |
| Cmd/Ctrl + 6 | Switch to Tests |
| Cmd/Ctrl + Z | Undo code changes |
Tips & Best Practices
Provide Context
Include comments about what the code should do, error messages, or expected behavior for better AI results.
Focus on Specific Functions
For large codebases, analyze specific functions or modules rather than entire files. This produces better results and uses fewer tokens.
Use the Right Tool
Each tool is optimized for specific tasks. Use Explain for understanding, Debug for fixing, Refactor for improving, Generate for creating, Convert for translating, and Tests for coverage.
Review Before Applying
Always review AI suggestions in the Diff tab before applying changes. Use the Undo feature if you need to revert.