webMCP

Export Options

Export webMCP analysis results in multiple formats for seamless integration into your development workflow.

Export Formats

Choose the format that best fits your development workflow

JSON

Standard JSON format for API integration

Use Cases:

API integrationData processingCustom applications

Features:

  • Standard JSON schema
  • Nested element structure
  • Metadata preservation
  • Validation support

Example Output:

{
  "version": "0.2.0",
  "elements": [
    {
      "selector": "#email",
      "role": "input.email",
      "name": "EMAIL",
      "optimization": {
        "tokens_saved": 245,
        "cost_savings": 0.00123
      }
    }
  ]
}

webMCP

Native webMCP format for direct implementation

Use Cases:

Direct implementationCLI processingConfiguration files

Features:

  • Optimized format
  • Human-readable
  • CLI compatible
  • Version controlled

Example Output:

# webMCP Configuration v0.2.0
elements:
  - selector: "#email"
    role: "input.email"
    name: "EMAIL"
    priority: high
    optimization:
      target_model: "gpt-4o"
      compression: "advanced"

Code Generation

Ready-to-use code snippets for popular frameworks

Use Cases:

React componentsVue.js integrationAngular directives

Features:

  • Framework-specific code
  • TypeScript support
  • Component templates
  • Integration examples

Example Output:

import { WebMCPForm, WebMCPInput } from '@webmcp/react';

export function LoginForm() {
  return (
    <WebMCPForm goalDescription="User login">
      <WebMCPInput 
        name="email" 
        type="email" 
        aiSuggestions={true} 
      />
    </WebMCPForm>
  );
}

Documentation

Comprehensive documentation and reports

Use Cases:

Team documentationAnalysis reportsCompliance records

Features:

  • Markdown format
  • Analysis summary
  • Performance metrics
  • Optimization recommendations

Example Output:

# webMCP Analysis Report

## Summary
- **Elements Detected**: 8
- **Token Reduction**: 67.6%
- **Cost Savings**: $0.00418 per request

## Optimization Opportunities
1. Email field optimization: 34% reduction
2. Password field simplification: 28% reduction

Export Methods

Multiple ways to get your optimized data where you need it

Direct Download

Download files directly to your computer

  1. 1
    Complete page analysis
  2. 2
    Select export format
  3. 3
    Click "Download" button
  4. 4
    File saves to Downloads folder

Clipboard Copy

Copy formatted data to clipboard for immediate use

  1. 1
    Analyze webpage elements
  2. 2
    Choose desired format
  3. 3
    Click "Copy to Clipboard"
  4. 4
    Paste into your application

Cloud Sync

Premium

Save to cloud storage for team access

  1. 1
    Connect cloud storage account
  2. 2
    Complete analysis
  3. 3
    Select cloud destination
  4. 4
    Auto-sync for team access

API Integration

Premium

Send data directly to your development tools

  1. 1
    Configure API endpoints
  2. 2
    Set up authentication
  3. 3
    Trigger automated export
  4. 4
    Process in your workflow

Platform Integrations

Connect directly with your favorite development and collaboration tools

GitHub

Create issues and pull requests with optimization suggestions

Features:

  • Auto-create optimization issues
  • Generate pull request templates
  • Link to webMCP configurations
  • Track implementation progress

Setup:

Connect GitHub account in extension settings

Webhooks

Send analysis results to custom endpoints

Features:

  • Custom webhook URLs
  • Configurable payloads
  • Retry mechanisms
  • Authentication support

Setup:

Configure webhook URL and authentication

Slack

Share optimization results with your team

Features:

  • Channel notifications
  • Formatted reports
  • Interactive buttons
  • Thread discussions

Setup:

Install Slack app and authorize channels

Email Reports

Automated email reports with analysis summaries

Features:

  • Scheduled reports
  • HTML formatting
  • Attachment support
  • Distribution lists

Setup:

Configure SMTP settings or use service integration

Customization Options

Tailor exports to match your specific requirements and workflows

Format Customization

  • Include/exclude metadata
  • Custom field naming
  • Optimization level filtering
  • Priority-based sorting

Content Filtering

  • Element type selection
  • Priority threshold setting
  • Model-specific results
  • Performance metric inclusion

Output Structure

  • Nested vs flat structure
  • Grouped by page sections
  • Sorted by optimization impact
  • Custom property mapping

Integration Settings

  • API endpoint configuration
  • Authentication headers
  • Retry and timeout settings
  • Error handling preferences

Start Exporting Today

Export webMCP analysis results in the format that works best for your development workflow

Install ExtensionDeveloper Tools