Website Design Systems MCP
Interface UIpar BobiTenta
Extrait des systèmes de design complets de sites web pour générer des fichiers skill.md prêts pour l'IA afin d'une réplication visuelle exacte.
Ce qu'il fait
Ce serveur analyse les URL de sites web pour extraire un système de design complet, incluant les couleurs, la typographie, l'espacement et les composants CSS. Il transforme ces éléments en un format structuré que les agents IA peuvent utiliser pour répliquer l'identité visuelle exacte d'un site.
Outils
extract_design_system: Récupère et analyse une URL pour produire un résumé complet du système de design.generate_skill_file: Convertit les données de design extraites en un fichier skill.md formaté pour les assistants IA.analyze_css_rules: Analyse en profondeur des sélecteurs CSS spécifiques pour extraire les propriétés de style.
Installation
{
"mcpServers": {
"website-design-systems": {
"command": "npm",
"args": ["run", "start", "--", "website-design-systems-mcp"]
}
}
}
Hôtes supportés
Claude Desktop, Claude.ai
Installation rapide
npm install -g website-design-systems-mcpInformations
- Tarification
- free
- Publié
- 7/25/2026
- étoiles
- 0
Catégories
Choisissez votre client IA et suivez les étapes ci-dessous.
Claude Desktop
{
"mcpServers": {
"website-design-systems": {
"command": "npm",
"args": ["run", "start", "--", "website-design-systems-mcp"]
}
}
}Apps similaires
FinanceToolkit
MCP ServerProfessional-grade financial analysis toolkit for equities, options, and risk management.
DiffSitter MCP
MCP ServerAI-powered structural code navigation using tree-sitter ASTs for semantic understanding across 14+ languages.
OpenAI Apps SDK Examples
MCP AppOfficial example gallery of interactive MCP widgets for ChatGPT — 3D viewers, maps, carousels, shopping carts, and more.
Human MCP
MCP ServerGive AI agents human-like senses: visual analysis, image/video generation, speech synthesis, browser automation, and advanced reasoning — 29 MCP tools in one se
Containarium
MCP ServerSelf-hostable agent runtime with SSH-native isolation, eBPF egress policy, and MCP-native CLI.
Shopify MCP Server
MCP ServerDirect interaction with Shopify store data via GraphQL API for managing products, customers, and orders.
Git MCP Server
MCP ServerFull-featured Git MCP server exposing 28 tools for AI agents to clone, commit, branch, diff, merge, rebase, and more via STDIO or Streamable HTTP.
CodexPotter
MCP ServerAutonomous reconciliation loop that drives Codex to align your codebase with instructed states.