Agent First Development

All plans2 min read

Step 1: Understand

Reads relevant files, searches the codebase, and consults the knowledge base to build full context about the task

Step 2: Plan

Outlines the approach for complex tasks and presents it for your review before writing any code

Step 3: Execute

Writes code, creates files, runs commands, and uses the built in browser to verify web application changes

Step 4: Verify

All output goes through Artifacts verification. Review diffs, test results, and screenshots before approving changes

📝
Editor View

Traditional VS Code editing with syntax highlighting, file explorer, terminal, extensions, and inline AI features like Tab completions and inline commands.

🎛️
Manager Surface

Dedicated orchestration interface for assigning tasks to multiple agents, monitoring progress, reviewing artifacts, and coordinating parallel work.

When to use which surface

Use the Editor View when you want to write code directly, make quick edits, or use Tab completions for inline assistance. Switch to the Manager Surface when you have multiple tasks to delegate, want to orchestrate parallel agent work, or need an overview of what agents are doing across your project. Most developers toggle between both surfaces throughout the day.