AI Tools
OpenRouter-powered AI assistant for intelligent web development, debugging, and analysis
AI-Powered Development Assistant
The AI Tools module integrates OpenRouter's powerful AI models directly into your development workflow. Get intelligent page analysis, debugging assistance, code generation, and architectural insights with full page context awareness.
Quick Analysis
Analyze This Page
Get a comprehensive AI analysis of the current page including architecture, performance, and potential issues
Bug Investigation
AI investigates bugs by analyzing console errors, network requests, and code patterns
Explain Architecture
Understand how the page is built, what frameworks are used, and how components interact
Security Snapshot
AI performs a security audit identifying vulnerabilities, exposed secrets, and risky patterns
Scenario-Based Analysis
AI analyzes your page with specific scenarios in mind, providing targeted insights and actionable fixes.
"User Cannot Login" Analysis
AI examines authentication flows, form validation, API endpoints, and session handling to identify login issues.
"Checkout Fails" Analysis
AI investigates payment integrations, form submissions, validation, and third-party scripts.
"Layout Breaks on Mobile" Analysis
AI reviews responsive CSS, media queries, viewport settings, and layout patterns for mobile issues.
"Page Too Slow" Analysis
AI identifies performance bottlenecks including large resources, render-blocking scripts, and inefficient code.
"Pre-Launch Checklist" Review
Comprehensive AI review covering performance, SEO, accessibility, security, and best practices before deployment.
AI Agent Presets
Specialized AI agents focused on specific areas of web development.
Speed & optimization
Vulnerabilities & threats
User experience & design
WCAG & a11y compliance
Search optimization
Clean code & patterns
Additional AI Capabilities
Semantic Code Search
Search code by meaning, not just keywords
Anti-Pattern Detection
Identify code smells and anti-patterns
Console Error Analysis
AI classifies and explains console errors
API Schema Inference
Infer API schemas from network traffic
Regex Builder
Generate and explain regex patterns
Test Strategy Blueprint
AI creates comprehensive test plans
AI Chat with Context
The AI Chat bar allows you to ask questions about the current page with optional context toggles.
Context Toggles
- • Include Page - Add page HTML and structure to context
- • Include Console - Add console logs and errors to context
- • Include Network - Add network requests to context
- • Include CWV - Add Core Web Vitals data to context
Chat History
All AI conversations are saved locally. Review previous chats, continue conversations, and reference past analyses.
Setup & Configuration
OpenRouter API Key Required
- 1.Get your OpenRouter API key from openrouter.ai/keys
- 2.Open Developer's Toolkit → Settings
- 3.Enter your API key and select your preferred AI model
- 4.Optional: Configure AI writing tone (professional, casual, concise, etc.)
- 5.All AI features across all modules are now enabled!