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 procedure for generating high-fidelity HTML prototypes of mobile app screens from a product requirements document or app idea. A prototype is an interactive model used to visualise how a product may work.
Instructions for sending design-focused software tasks to the local Kimi Code command-line tool. It is intended for interface design, frontend work, repository exploration, review, and analysis of images or videos.
Error handling UX: destructive action confirmation, undo, empty states, descriptive error messages, crash recovery, and server error handling. This is also the canonical home for empty-state standards. Use when designing or reviewing error states, confirmation dialogs, undo flows, or any screen that needs to handle…
A workflow that turns a natural-language description into an editable `.pbd` patent block diagram, renders it in the diagram editor, checks the image, and exports a PNG.
Create editable academic-paper figures from natural-language figure descriptions, manuscript sections, methods/results text, graphical abstract ideas, or paper-specific visual concepts. Use when Codex needs to turn scientific text into a polished journal-style diagram by first generating a raster visual reference with…
Material Design 3 / M3 Expressive guidelines: exact tokens, per-component specs, motion springs, shape morphing, emphasized typography, color roles, and 2,587 official reference images.
★not rated 25
changed 27d agoA
tokens not measured
originalMIT
Documents design system components in Figma so people and AI agents can both build from them: one shared doc template, a component description dev agents read, and a checker that runs inside Figma.
★not rated 25 1mo agoA
tokens not measured
originalMIT
Build production-grade UI using real design system specifications from Google Material Design 3, Apple HIG, and IBM Carbon. Includes complete design tokens (4 themes for Carbon: White/G10/G90/G100), interaction states, page composition patterns, icon systems (Material Symbols + SF Symbols + Carbon Icons), pictograms…
★not rated 24 6mo agoA
tokens not measured
originalMIT
Huashu Design - Integrated design capabilities using HTML for high-fidelity prototypes, interactive demos, slideshows, animations, design variant exploration + design direction consultant + expert review. HTML is a tool not a medium, embody different experts (UX designer/animator/slideshow designer/prototyper)…
Generates Figma Code Connect mappings for React or Angular repos, validates them with pre-checks and the Figma CLI, and can publish via figma connect. Use when a user provides a Figma file URL and a component repo and asks for Code Connect files, figma.config.json, or validation.
Provider-neutral, Windows-first Beta workflow for inspecting, preparing, and reviewing bounded frontend visual handoffs with optional external coding clients and a Codex-only path. Use only when the user explicitly invokes $frontend-visual-handoff; default to mode=inspect, require a separate second invocation with…
Generate draw.io (.drawio) flowchart XML files. Use when the user asks for a flowchart, process diagram, workflow diagram, or any visual diagram in draw.io / diagrams.net format. Produces well-structured, visually clean .drawio files with proper alignment, hierarchy, and readable text. NOT for: Mermaid diagrams, ASCII…
Lanhu to Code workflow for Claude Code. Convert Lanhu design URLs into Vue/React frontend code with component reuse, design token mapping, TODO-safe business logic, and optional code review.
Create, refine, diagnose, and release adaptive WorkBuddy Dream Skin themes in this project, including image driven light or dark UI selection, lively nonblocking decorations, readable chat and artifact surfaces, external CDP injection, and strict visual auditing. Use for WorkBuddy skin design, theme JSON or CSS…
Writes HTML/CSS mockups under .larapilot/mockups/, presents and revises them with the user, and can build a custom design system for the client. Use for a mockup, landing, design-system choice, a change to existing mockups, or a client design system. Italian: mockup, prototipo visivo, design system, modifica mockup.
Generate Astryx design system components, themes, and layouts for React 19 applications. Use when building UIs with @astryxdesign/core, creating or extending themes with defineTheme, styling components with StyleX or Tailwind, scaffolding pages from templates, migrating from shadcn or Radix, or working with the Astryx…
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: