Website MCP Server — CSS, Fonts, Colors for AI avatar

Website MCP Server — CSS, Fonts, Colors for AI

Under maintenance

Pricing

Pay per usage

Go to Apify Store
Website MCP Server — CSS, Fonts, Colors for AI

Website MCP Server — CSS, Fonts, Colors for AI

Under maintenance

Give your AI full access to any website. Download and query CSS, images, fonts, colors, frameworks, and page structure via MCP tools. Works with Claude, Cursor, ChatGPT, and any MCP-compatible AI.

Pricing

Pay per usage

Rating

0.0

(0)

Developer

Genius Lead

Genius Lead

Maintained by Community

Actor stats

0

Bookmarked

2

Total users

1

Monthly active users

a day ago

Last modified

Categories

Share

Website MCP Server

Give your AI full access to any website's design system — colors, fonts, CSS, images, code, and structure. No browser needed.

What it does

This MCP server downloads a complete website and makes every file queryable through 6 AI tools. Your AI can extract color palettes, read CSS files, find font stacks, detect frameworks, search for class names, and parse page structure — all from a single URL.

How it works

You: "Analyze the design of stripe.com"
AIscrape_website({ url: "https://stripe.com" })
← Downloaded 87 files (HTML, CSS, JS, images, fonts)
AIget_overview({ siteId: "a1b2c3" })
← Colors: #635bff, #0a2540, #ffffff
← Fonts: Inter, system-ui
← Frameworks: Next.js, Tailwind CSS
AIsearch_content({ siteId: "a1b2c3", query: "font-family", fileType: "css" })
12 matches across 3 files
AIget_file({ siteId: "a1b2c3", path: "stripe.com/css/main.css" })
[full CSS content ready for your AI to use]

Tools

ToolWhat it does
scrape_websiteDownload an entire website — HTML, CSS, JS, images, fonts. Returns a site ID for all other tools.
list_filesList all downloaded files. Filter by type: html, css, js, images, fonts, or all.
get_fileRead the full content of any file — CSS, HTML, JS, config files. Binary files return metadata.
get_pageParse an HTML page: title, headings, links, images, stylesheets, scripts. Defaults to index page.
search_contentSearch across all files — like grep for the whole website. Find colors, class names, specific text.
get_overviewInstant design analysis: color palette, font stack, detected frameworks, file counts.

Input Parameters

scrape_website

ParameterTypeRequiredDescription
urlstringYesThe website URL to download
depthnumberNoHow many levels deep to crawl (1-5, default: 3)

list_files

ParameterTypeRequiredDescription
siteIdstringYesSite ID from scrape_website
typestringNoFilter: html, css, js, images, fonts, all (default: all)

get_file

ParameterTypeRequiredDescription
siteIdstringYesSite ID from scrape_website
pathstringYesFile path from list_files output

get_page

ParameterTypeRequiredDescription
siteIdstringYesSite ID from scrape_website
urlstringNoSpecific page URL (default: index page)

search_content

ParameterTypeRequiredDescription
siteIdstringYesSite ID from scrape_website
querystringYesSearch term (text, regex supported)
fileTypestringNoLimit search to file type: css, html, js, etc.

get_overview

ParameterTypeRequiredDescription
siteIdstringYesSite ID from scrape_website

Use Cases

For Designers

Extract the complete design system from any website. Get the exact color palette, font stack, and spacing — no more guessing from screenshots.

For Agencies

Run competitive analysis across multiple client competitors. Compare design systems, frameworks, and tech stacks side by side.

For AI Coding Agents

Build website clones or reference existing designs. Your AI reads the actual CSS and HTML — pixel-perfect results instead of guessing from screenshots.

For Content Migration

Moving to a new platform? Extract all assets, content structure, and styling from the old website automatically.

How to Connect

Apify Standby (Remote)

Connect any MCP-compatible AI tool to the Standby URL:

https://website-mcp-server.geniuslead.apify.actor/mcp

Claude Desktop (Local)

Add to your claude_desktop_config.json:

{
"mcpServers": {
"website": {
"command": "npx",
"args": ["-y", "website-mcp-server"]
}
}
}

Cursor

Add to your MCP settings with the same configuration as Claude Desktop.

Compatibility

Works with any MCP-compatible AI tool:

  • Claude (Desktop & API)
  • Cursor
  • ChatGPT (with MCP plugin)
  • Windsurf
  • Any MCP client

Pricing

$0.05 per website scraped via Apify pay-per-event pricing.

Technical Details

  • Download method: wget with full mirror mode (preserves site structure)
  • Supported assets: HTML, CSS, JavaScript, images (PNG, JPG, SVG, WebP, GIF), fonts (WOFF, WOFF2, TTF, OTF, EOT), data files (JSON, XML, CSV)
  • Framework detection: Next.js, Nuxt, React, Vue, Angular, Svelte, WordPress, Shopify, Webflow, Tailwind CSS, Bootstrap, and more
  • Caching: Downloaded sites are cached for 1 hour to avoid redundant downloads
  • Security: Path traversal protection, file size limits, timeout handling