Feature request for product/service
Cursor IDE
Describe the request
OVERVIEW
Add an inline browser pane within Cursor that allows users to browse webpages while Cursor can read the page content and interact with elements on behalf of the user.
CORE FEATURES
Browser Pane
Embedded browser viewport within Cursor’s interface
Support for modern web standards (HTML5, CSS3, JavaScript)
Tab support for multiple pages
Developer tools integration (optional)
AI Reading Capabilities
Cursor can read and parse webpage content (text, HTML structure, form fields, buttons)
Understand page context and semantics
Extract structured data from pages
Recognize interactive elements
AI-Powered Actions
Automate interactions based on user requests:
Click buttons, links, and form elements
Fill forms with data
Extract data from pages
Navigate between pages
Execute JavaScript-based actions
Provide suggestions for actions based on page content
Context Integration
Browser content accessible to chat/Composer
Can reference page content when generating code
Use page data for code examples and API integrations
USE CASES
API Documentation & Code Generation
Scenario: Developer needs to integrate with a new API
Workflow:
Browse API docs in inline browser
Cursor reads documentation and examples
Generate code based on actual API structure and examples
Test API calls directly from Cursor
Web Scraping & Data Extraction
Scenario: Need to extract data from a website for development
Workflow:
Navigate to target page
Ask Cursor to extract specific data
Cursor reads page, identifies data structure, generates extraction code
Export data directly to project files
Testing & Debugging Web Applications
Scenario: Testing a web app being developed
Workflow:
Run local dev server
Browse app in inline browser
Cursor can test interactions, identify bugs, suggest fixes
Iterate quickly without leaving Cursor
Tutorial Following & Learning
Scenario: Following an online coding tutorial
Workflow:
Open tutorial page in browser pane
Cursor reads tutorial steps
Generate code based on tutorial instructions
Verify output matches tutorial examples
Form Automation & Data Entry
Scenario: Need to fill forms or interact with web interfaces
Workflow:
Navigate to form page
Provide Cursor with data or instructions
Cursor fills forms and submits automatically
Capture results for further processing
Documentation Reading While Coding
Scenario: Reading documentation while implementing features
Workflow:
Keep docs open in browser pane
Cursor references docs when answering questions
Generate code that matches documentation patterns
Verify implementation against docs
TECHNICAL CONSIDERATIONS
Security & Privacy
Sandboxed browser environment
User control over what Cursor can access
Clear indication when Cursor is reading/interacting with pages
Option to disable automated actions
Performance
Efficient rendering that doesn’t slow down editor
Option to pause/disable JavaScript if needed
Resource usage controls
Integration Points
Browser pane accessible from sidebar or new tab
Commands to open URL from chat/composer
Keyboard shortcuts for common actions
Session persistence (save browser state)
EXAMPLE INTERACTIONS
Example 1: API Integration
User: “Open https://api.example.com/docs and generate a client for the authentication endpoint”
Cursor:
Opens browser pane with API docs
Reads authentication endpoint documentation
Generates client code matching the API structure
Example 2: Data Extraction
User: “Browse https://example.com/products and extract all product names and prices into a JSON file”
Cursor:
Opens page in browser pane
Reads product listings
Extracts data structure
Generates JSON file with product data
Example 3: Form Automation
User: “Fill out the contact form on https://example.com/contact with my details and submit it”
Cursor:
Opens contact form page
Fills form fields based on user’s saved details
Submits form
Reports success/error status
BENEFITS
Improved Workflow: No context switching between browser and editor
Faster Development: AI can read docs and generate code in one flow
Better Testing: Test and debug web apps directly in Cursor
Enhanced Learning: Follow tutorials while implementing code
Automation: Automate repetitive web interactions
Context Awareness: Cursor understands web content and can act accordingly
PRIORITY
This would be a significant productivity enhancement, especially for web developers working with APIs, documentation, and web applications.
Operating System (if it applies)
Windows 10/11
MacOS
Linux