18,961 mods in this category, of every kind an
agent can take. Each one carries what it costs per session, what the
scan found, and whether it is the original.
A workflow that converts a Figma design into web code and checks the rendered page against the original design. It uses saved design data, screenshots, pixel differences, and structural checks to guide repeated fixes.
Use BEFORE building or restyling anything a user will see — web/mobile UIs, landing pages, dashboards, components, emails, AND creative work like Three.js/WebGL/canvas/SVG scenes, data-viz, games, and animations — to make it look intentional and polished, not generic; covers tokens, type, color, layout, motion…
Teaches AI coding tools to design, edit, and validate pencil.dev UIs using .pen files, .lib.pen libraries, design-system docs, and the Pencil MCP server.
★not rated 28▲
+1 3mo agoA
tokens not measured
originalMIT
The most comprehensive Figma MCP server. Access Figma design data, generate comprehensive design systems, and empower AI-driven workflows. Runs locally from the @tothienbao6a0/figma-mcp-server npm package.
A Claude Desktop MCP server for Figma that retrieves design data, downloads assets, and processes designer comments for AI-powered design implementation. Runs locally from the figma-mcp-pro npm package.
★not rated 27 1y agoA
tokens not measured
originalMIT
Agent-native design engine that makes AI do more useful work: route the prompt, fork a template, weave IFQ ambient craft, verify the artifact, and only install export tooling when requested. One prompt -> shippable HTML, with optional MP4 / GIF / PPTX / PDF / SVG. Triggers include prototype, hi-fi mockup, slide deck…
Complete brand development system with emotive foundation. Triggers on requests for brand identity, logos, visual systems, or design guidelines. Creates distinctive, anti-AI-slop design from strategy through delivery.
Generate architecture diagrams as .excalidraw files from codebase analysis. Use when the user asks to create architecture diagrams, system diagrams, visualize codebase structure, or generate excalidraw files.
Create, texture, animate, validate, and render Blockbench models through the desktop MCP connection or the headless .bbmodel server, with fifteen skills and a physical-accuracy reviewer agent.
★not rated 27▲
+1 1mo agoA
tokens not measured
originalApache-2.0
See your codebase as a friendly, zoomable picture. Built for non-coders who use AI to build apps — type /boxbox and get a beautiful HTML diagram of how your system works.
★not rated 26 5mo agoA
tokens not measured
originalMIT
Transform UI style requirements into production-ready frontend code with systematic design tokens, accessibility compliance, and creative execution. Use when building websites, web applications, React/Vue components, dashboards, landing pages, or any web UI requiring both design consistency and aesthetic quality.
Build scalable design systems with Tailwind CSS v4, design tokens, component libraries, and responsive patterns. Use when creating component libraries, implementing design systems, or standardizing UI patterns.
Mandatory for all Gemeente Amsterdam UI work. Use for pages, layouts, forms, dashboards, landing pages, React/JSX/TSX components, styling, theming, scaffolding frontend projects, or any visual interface. Covers @amsterdam/design-system-react, CSS tokens (--ams-), BEM CSS with ams- prefixes, 4/8/12-column Grid…
A tool for generating multiple connected HTML page prototypes in different design styles. The generated pages use Simplified Chinese text, custom CSS styling, navigation links, and optional image and icon libraries.
Conduct design interviews, generate UI variations, and collect live click-to-annotate feedback that streams into the session so edits land without leaving the browser. Use when the user wants rapid iterative UI refinement, not just batched feedback.
At most 3 mods per repository are shown here, and a mod shipped inside a plugin is left to that plugin's page — the rest are on their repository pages: