F
licenseA
qualityB
maintenanceProvides 8 MCP tools for frontend design: load design system, generate components, scaffold pages, review consistency, extract tokens, check WCAG 2.2 AA, test responsiveness, and export to Figma.
Last updated
8
51,384 servers. Last updated
Search Relevance ↓
Recent Usage ↓
Date Added ↓
Date Updated ↓
Weekly Downloads ↓
GitHub Stars ↓
Recent GitHub Stars ↓
Matching MCP tools:
Matching MCP Connectors:
io.github.pipeworx-io
io.github.KarstenKreh
app.zaklad
io.aidc-ai
"Resources and Assistance for Website Design, Frontend UX Flow, and Backend Design" matching MCP servers:
- FlicenseAqualityCmaintenanceBridges Claude Design projects into existing Claude Desktop sessions by fetching code files, chat history, and project bundles.Last updated7
- FlicenseAqualityDmaintenanceCaptures webpage styles and HTML, converts CSS to Tailwind, and applies extracted designs to frontend frameworks like React.Last updated34
- Flicense-quality-maintenanceMCP server with 12 tools for design, UX, conversion, and product knowledge from Frontend Masters courses by Paul Boag and Sarah Drasner, enabling audits, accessibility checks, layout recommendations, and more.Last updated
- Alicense-qualityCmaintenanceProvides source-backed design context, route card validation, contract generation, critique and verification reports, evidence packages, Penpot change plans, and anti-repeat checks for design workflows. Does not directly mutate Penpot, but consumes read-only Penpot snapshots.Last updated6MIT
- Flicense-qualityDmaintenanceEnables AI assistants to analyze design images for composition, color harmony, typography, and accessibility compliance with actionable recommendations.Last updated5
- Flicense-quality-maintenanceOne-click website design cloning with Puppeteer. Captures HTML, CSS, colors, fonts, and layout structured data for recreation.Last updated
- AlicenseAqualityDmaintenanceProvides access to Ant Design component library documentation and information for automated code generation. Enables searching components by category or keyword, retrieving component props, examples, API documentation, and available icons.Last updated64ISC
- FlicenseAqualityCmaintenanceReverse-engineers design videos and images into structured frontend implementation specifications using vision LLMs and FFMPEG for frame-level analysis.Last updated11
- AlicenseBqualityBmaintenanceAn MCP server that drives Anthropic's Claude Design from agentic coding CLIs, providing tools to create, generate, iterate, and export design systems without a browser.Last updated32MIT
- Alicense-qualityBmaintenanceCreates a local MCP runtime for design-system repositories, enabling AI coding agents to look up and use real components, icons, and tokens instead of guessing.Last updated5MIT
- Alicense-qualityDmaintenanceProvides access to a universal design token system with 7 pre-built themes (colors, typography, spacing, motion) and multi-format export capabilities for Canva, Remotion, PPTX, CSS, and W3C JSON.Last updated1MIT
- Alicense-qualityDmaintenanceEnables AI agents to remotely operate visual design tools via MCP protocol, with composable architecture for image processing, file operations, and workflow automation.Last updatedMIT
- Alicense-qualityCmaintenanceEnables browsing and reading curated design and photography feeds, as well as fetching any RSS/Atom/RDF feed with robust fallback.Last updatedMIT
- Alicense-qualityCmaintenanceCompute Human Design charts, cycle returns, transits, synthesis, and chart comparison natively inside AI assistants.Last updatedMIT
- Alicense-qualityDmaintenanceA Model Context Protocol server that exposes an airline design system as a queryable knowledge base, enabling AI to discover components, find components for use cases, and scaffold prototypes.Last updated5MIT
- Alicense-qualityCmaintenanceEnables AI agents to manage routes on the Design Canvas infinite canvas app, including adding, removing, listing routes, and capturing screenshots of the canvas.Last updated4MIT
- Alicense-qualityDmaintenanceEnables AI assistants to interact with Databricks workspaces, running SQL queries, managing jobs, and exploring schemas via the Model Context Protocol.Last updated1GPL 3.0
- Alicense-qualityDmaintenanceEnables AI-powered access to authoritative design systems knowledge, including W3C standards, WCAG guidelines, and best practices from 188+ curated entries via semantic vector search.Last updated7175MIT
- Alicense-qualityBmaintenanceProvides design pattern templates and anti-pattern guidance to AI coding agents for correct pattern implementation.Last updatedMIT