Available modes
Code (default)
Code (default)
The general-purpose coding mode. Use it for building features, editing files, and writing logic.Example prompt:
Add a responsive navbar with dropdown menus to index.htmlAsk
Ask
Ask questions about your codebase without making changes. The AI reads your files and explains how things work.Example prompt:
How does the contact form submission work?Architect
Architect
Plan features and structure before writing code. The AI proposes file organization, component hierarchy, and implementation strategy.Example prompt:
Plan the architecture for adding user authentication with OAuthDebug
Debug
Diagnose and fix bugs. The AI analyzes error messages, traces logic, and suggests fixes.Example prompt:
The checkout page throws a 500 error when submitting the formDesigner
Designer
Create and refine visual designs — from styling tweaks to full page layouts. The AI focuses on CSS, responsive design, animations, and can work from reference screenshots or descriptions.Example prompts:
Make the pricing section match this color palette: navy, gold, and whiteDesign a modern SaaS landing page based on this wireframe(with attached image)
Test
Test
Write and run tests for your code. The AI generates unit tests, integration tests, and test utilities.Example prompt:
Write tests for the email validation utility in utils.jsSecurity
Security
Audit your code for vulnerabilities. The AI checks for common security issues like XSS, CSRF, injection, and exposed secrets.Example prompt:
Review the authentication flow for security vulnerabilitiesRefactor
Refactor
Improve code quality without changing behavior. The AI cleans up structure, reduces duplication, and improves readability.Example prompt:
Refactor the API handlers to use a shared middleware pattern