Retrieves design-to-code specifications from a CoDesign URL, including layer positions, styles, CSS, and slice metadata for use in HTML/CSS implementation.
MIT
340,383 tools. Last updated 2026-07-30 08:39
"A tool for evaluating Tailwind CSS class quality in HTML" matching MCP tools:
- Generate or inspect a Tailwind CSS configuration file. Reads existing config or creates one from CSS tokens in your project.MIT
- Extract design tokens from CSS, SCSS, Tailwind config, or Figma files to inventory them before generating a Tailwind config or component scaffold.MIT
- Retrieve the HTML of any webpage element by specifying a CSS selector. Supports outer or inner HTML and optional navigation to a URL for stateless usage.MIT
- Generate a React/Next.js component skeleton with Tailwind support. Scaffolds a new .tsx component with props interface and Tailwind class structure.MIT
- Update custom CSS, HTML head, header, footer, or index hero for a LaunchNotes project. Apply custom code to modify appearance or add analytics.MIT
Matching MCP Servers
- Alicense-qualityCmaintenanceEnables CSS analysis with 150+ metrics, MDN documentation retrieval, and browser compatibility checks for CSS properties.Last updated1BSD 3-Clause
- Alicense-qualityDmaintenanceProvides up-to-date CSS documentation and browser compatibility data from MDN through natural language queries. Features intelligent caching and supports all CSS properties, selectors, functions, and concepts with automatic normalization.Last updated43331ISC
Matching MCP Connectors
- HTML/CSS to ImageOAuth
An MCP server for generating images from HTML & CSS or screenshots of URLs using htmlcsstoimage.com.
Create sandboxed public-unlisted or access-key-protected HTML previews through a remote MCP server.
- Generate a complete project boilerplate with ML-composed pages for React, Next.js, Vue, Angular, Svelte, or HTML with Tailwind CSS and optional state management.MIT
- Identify frontend code quality issues including accessibility anti-patterns, CSS problems, component complexity, design inconsistencies, and performance concerns.MIT
- Extract design tokens from Figma files and map to Tailwind CSS utilities, updating the shared design context.MIT
- Retrieve the integration guide for using Tailwind CSS with PrimeNG components in Angular applications.MIT
- Generate CSS border-radius code from per-corner pixel values and get optimized declarations, copy-ready snippets, and an HTML preview. Automatically collapses identical corners to the shortest form.MIT
- Compose multi-layer CSS box-shadow declarations with per-layer offset, blur, spread, color, opacity, and inset settings. Includes HTML preview and CSS, SCSS, Tailwind snippets.MIT
- Convert design tokens from a registry or DTCG file into a Tailwind CSS theme.extend configuration using CSS variable references.MIT
- Combine multiple CSS filter functions (blur, brightness, drop-shadow, etc.) to generate a ready-to-paste filter declaration with live HTML preview.MIT
- Update existing HTML slide decks with targeted edits: replace slides, patch CSS, swap CSS variables, or modify classes. Reduces token usage by 60-90% compared to regenerating the entire deck.MIT
- Create animated GIFs from HTML content with CSS animations, webpage URLs, or saved templates for banners, demos, logos, and social media content.MIT
- Render HTML and CSS into a PNG, JPEG, or WebP image using saved templates with placeholders or raw HTML. Get the image inline for direct display in conversations.MIT
- Execute a MAESTRO design decision to generate HTML, CSS, and JS with adjustable quality from draft to enterprise, optionally using a multi-agent Trifecta pipeline.MIT
- Aggregates HTML markup, CSS tokens, guidelines, component props, and GitHub issues for a single .italia component. Returns combined data from multiple sources.BSD 3-Clause
- Check if a Bootstrap CSS class needs migration between Bootstrap 4 and 5, and get the suggested replacement for common renames.