Web UI Copy
Downloads complete webpages and converts them to fully inlined HTML documents with all CSS, images, and resources embedded as base64 data for offline analysis.
Transforms webpage content into a fully inlined, script-free HTML document with base64-encoded resources, enabling comprehensive web page analysis and extraction.
What it does
- Download complete webpage content
- Inline all CSS styles into HTML
- Convert images to base64 data URIs
- Resolve and embed external resources
- Generate script-free HTML documents
Best for
About Web UI Copy
Web UI Copy is a community-built MCP server published by maoxiaoke that provides AI assistants with tools and capabilities via the Model Context Protocol. Web UI Copy converts web pages into standalone, script-free HTML with inlined, base64 resources for advanced analysis an It is categorized under search web, developer tools.
How to install
You can install Web UI Copy in your AI client of choice. Use the install panel on this page to get one-click setup for Cursor, Claude Desktop, VS Code, and other MCP-compatible clients. This server runs locally on your machine via the stdio transport.
License
Web UI Copy is released under the MIT license. This is a permissive open-source license, meaning you can freely use, modify, and distribute the software.
mcp-copy-web-ui
This is an MCP server that helps download and analyze websites for UI/UX inspiration. It captures the complete HTML content of a website, including all CSS, images, and other resources, making them available for analysis by Claude.
Features
- Downloads complete webpage content
- Inlines all CSS styles
- Converts images to base64 data URIs
- Resolves and inlines all external resources
- Makes the complete webpage available for AI analysis
Tools
get_web_inspiration
Downloads and analyzes a website for UI/UX inspiration. Takes a URL as input and returns the complete HTML with all resources inlined.
Example usage in Claude:
I'd like to get inspiration from example.com's design
How to Use
NPX
{
"mcpServers": {
"mediaProcessor": {
"command": "npx",
"args": [
"-y",
"create-mcp-server@latest"
]
}
}
}
Alternatives
Related Skills
Browse all skillsIntegrate Vercel AI SDK applications with You.com tools (web search, AI agent, content extraction). Use when developer mentions AI SDK, Vercel AI SDK, generateText, streamText, or You.com integration with AI SDK.
Create user-centered, accessible interface copy (microcopy) for digital products including buttons, labels, error messages, notifications, forms, onboarding, empty states, success messages, and help text. Use when writing or editing any text that appears in apps, websites, or software interfaces, designing conversational flows, establishing voice and tone guidelines, auditing product content for consistency and usability, reviewing UI strings, or improving existing interface copy. Applies UX writing best practices based on four quality standards — purposeful, concise, conversational, and clear. Includes accessibility guidelines, research-backed benchmarks (sentence length, comprehension rates, reading levels), expanded error patterns, tone adaptation frameworks, and comprehensive reference materials.
Research a topic from the last 30 days on Reddit + X + Web, become an expert, and write copy-paste-ready prompts for the user's target tool.
GPT Researcher is an autonomous deep research agent that conducts web and local research, producing detailed reports with citations. Use this skill when helping developers understand, extend, debug, or integrate with GPT Researcher - including adding features, understanding the architecture, working with the API, customizing research workflows, adding new retrievers, integrating MCP data sources, or troubleshooting research pipelines.
This skill should be used when analyzing recent market-moving news events and their impact on equity markets and commodities. Use this skill when the user requests analysis of major financial news from the past 10 days, wants to understand market reactions to monetary policy decisions (FOMC, ECB, BOJ), needs assessment of geopolitical events' impact on commodities, or requires comprehensive review of earnings announcements from mega-cap stocks. The skill automatically collects news using WebSearch/WebFetch tools and produces impact-ranked analysis reports. All analysis thinking and output are conducted in English.
Build a unified, ADHD-friendly web UI that consolidates 70+ CLI tools into a beautiful liquid glass interface for the AI File Organizer. Use when creating the complete frontend application that replaces all terminal interactions with a macOS-inspired dashboard for file organization, search, VEO prompts, and system management.