Retrieve a specific HTML attribute or all attributes from a matching element using a CSS or XPath selector. Get values like href, src, or class to inspect page elements.
MIT
620,785 tools. Updated 2026-09-29 05:08
"A tool for evaluating Tailwind CSS class quality in HTML" matching MCP tools:
- Retrieve a specific HTML attribute or all attributes from a matching web element using a CSS/XPath selector. Works for href, src, class, id, and more.MIT
- Locate matching elements by CSS or XPath selector and return their count, tag names, text, and optional HTML for inspection.MIT
- Create a new React/Next.js component skeleton with TypeScript props and Tailwind CSS support. Scaffolds a .tsx file to jumpstart component development.MIT
- Generate a Tailwind config from CSS tokens detected in a project, or read an existing config for inspection. Use to bootstrap or review Tailwind setup.MIT
- Extract design tokens from CSS, SCSS, or Tailwind config to inventory a project's visual styles before creating a Tailwind config or component scaffold. Optionally fetch tokens from Figma.MIT
Matching MCP Servers
- AlicenseNot gradedqualityBmaintenanceEnables CSS analysis with 150+ metrics, MDN documentation retrieval, and browser compatibility checks for CSS properties.32 PyPI1BSD 3-Clause
- AlicenseNot gradedqualityAmaintenanceAn MCP server that converts HTML to PDF with built-in fonts, CSS, and streaming, enabling AI agents to generate static PDFs from HTML strings.9 npm2MIT
Matching MCP Connectors
Generate images and PDFs from HTML/CSS, live websites, and reusable templates.
What CSS you can actually ship today, from live Baseline data and MDN browser-compat-data.
- Fetch the complete HTML and CSS for a UI component by providing its category and ID. Get the markup, styling, tags, author, and preview URL in one response.Apache 2.0
- Update custom CSS, HTML head, header, footer, or index hero for a LaunchNotes project. Apply custom code to modify appearance or add analytics.MIT
- Retrieve complete HTML component details including HTML, CSS, and JavaScript content from Circuitry's visual workflow platform for integration and analysis.-
- Convert raw HTML/CSS into Symbols.app DOMQL components and receive a component catalog, syntax reference, and design system tokens.Creative Commons Attribution Non Commercial 4.0 International
- Retrieve a specific template's HTML, CSS, and sample data by ID to review or modify its design.MIT
- 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
- Extract design tokens from Figma files and map to Tailwind CSS utilities, updating the shared design context.MIT
- List the file names forming a Fluig form, including HTML, JS, CSS, and images, by providing the form's document ID.MIT
- Overwrite an asset's full contents by providing its ID and replacement text, supporting CSS, HTML, JSON, script, shader, or text asset types.MIT
- Validate block payloads against authoring rules without saving, returning errors and warnings for HTML, JS, CSS to prevent runtime issues.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 complex HTML/CSS layouts into editable Figma vector nodes using Satori, for UI components like flexbox cards and multi-column designs.MIT
- Convert an existing design system from CSS, DTCG JSON, or theme objects into CSS, Tailwind, SwiftUI, Compose, or DTCG. Audits semantic roles and WCAG contrast to reveal what’s missing or undefined.MIT
- Get a structured list of all elements matching a CSS or XPath selector, including count, tag name, text, and optional outer HTML for inspection.MIT