docs: Add Chrome DevTools Performance Cookbook with MCP integration #8088
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
- Add chrome-devtools-mcp-performance to docs navigation - Include Chrome DevTools guide in overview with description - Reorganize cookbook order in overview for better flow Generated with [Continue](https://continue.dev) Co-Authored-By: Continue <[email protected]>
- Convert 'What You've Built' section to proper list format with bullets - Add left alignment to Performance Issue Quick Reference table - Enhance readability with bold formatting for key phrases Generated with [Continue](https://continue.dev) Co-Authored-By: Continue <[email protected]>
- Replace JSON config with proper YAML format following Continue Hub schema - Add pre-built agent workflow using continuedev/chrome-dev-continuous - Reference official Chrome DevTools MCP at hub.continue.dev/google/chrome-devtools-mcp - Fix Card icon rendering issue (rocket instead of zap with emoji) - Update Node.js prerequisite from 18+ to 20+ - Follow PostHog cookbook structure for consistency Generated with [Continue](https://continue.dev) Co-Authored-By: Continue <[email protected]>
- Updated Step 2 in Quick Start to clarify users are already in TUI mode - Changed 'From your project directory, run: cn "..."' to 'In the TUI that opens, type: ...' - This matches the workflow where Step 1 runs 'cn --config' which opens TUI - Also updated wording in other guides from 'Navigate to' to 'From' for clarity Generated with [Continue](https://continue.dev) Co-Authored-By: Continue <[email protected]>
- Removed invalid 'cn auth login' command - Updated to use 'cn --config continuedev/chrome-dev-continuous' like dlt cookbook - Added --auto flag for headless execution - Fixed line continuation formatting for better readability Generated with [Continue](https://continue.dev) Co-Authored-By: Continue <[email protected]>
dosubot
bot
added
the
size:XL
|
✅ Review Complete Likely cause: Expired CONTINUE_API_KEY or missing continuedev/review-bot assistant 📋 View workflow logs for details. |
![cubic-dev-ai[bot]](https://avatars.githubusercontent.com/in/1082092?s=60&v=4){kind=small}
Resolved conflict in overview.mdx by keeping both cookbook entries
BekahHW
approved these changes
Oct 6, 2025
BekahHW
approved these changes
Oct 6, 2025
|
🎉 This PR is included in version 1.27.0 🎉 The release is available on: Your semantic-release bot 📦🚀 |
Sign up for free
to subscribe to this conversation on GitHub.
Already have an account?
Sign in.
3 participants
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Description
Added a comprehensive Chrome DevTools Performance Cookbook that teaches developers how to use AI-powered performance analysis through the Chrome DevTools MCP integration.
Key additions:
docs/guides/chrome-devtools-mcp-performance.mdx)Features covered:
AI Code Review
@continue-reviewChecklist
Screen recording or screenshot
The guide includes comprehensive examples of:
Screenshot of the guide structure and formatting will be added when ready for review.
Tests
Context:
This cookbook fills a gap in our documentation by providing developers with practical, AI-powered performance optimization workflows. It leverages the official Chrome DevTools MCP from Google and integrates seamlessly with Continue Hub's agent system, making performance analysis accessible through natural language prompts.
The guide follows our established cookbook pattern (similar to PostHog) and provides both quick-start and manual setup options to accommodate different user preferences.
Summary by cubic
Adds a Chrome DevTools Performance Cookbook with MCP integration, including a quick-start agent and manual setup, to help developers automate performance tracing, Core Web Vitals checks, and CI validation. Updates docs navigation and overview to surface the new guide.