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.
Skill Codex
Redesign and locally modify an existing Codex desktop or web interface from reference images, a user persona, a celebrity, idol, actor, musician, fictional character or original IP theme, a visual style, or a combination of these inputs. Use when Codex needs to inspect a local Codex installation or source checkout…
sandian1016/design-review-skill
Skill Codex
Compare a UI design screenshot with an implementation screenshot locally in the Sandian browser app. Use when a designer needs visible-difference review, annotated implementation screenshots, severity-filtered repair checklists, or JSON issue groups. Keep images on the local device; use the tool as visual-review…
Skill Claude CodeCodex
Use OpenUI when the task is to create a landing page, homepage, marketing page, hero page, design concept page, or multiple landing-page variants. First ensure repo-root AGENTS.md contains the OpenUI workflow guidance, then create the repo-root design.md file with fully resolved inputs and a filled version of the…
sergekostenchuk/ui-pattern-source-orchestrator
Skill Claude CodeCodex
Recommend UI pattern sources, component registries, visual references, and motion/runtime options for UI/UX projects with stack compatibility, freshness labels, no-copy boundaries, evidence manifests, and handoffs to design, build, critic, and progress-dashboard skills. Use when a user asks what UI libraries…
Cursor rule Cursor
Apply these rules to any HTML/template/CSS Cursor writes for this project. The system uses Bootstrap 5.3 with data-bs-theme="dark" and a custom refresh.css that defines the component classes referenced below.
saralobo/rules-accessibility-handoff
Command Claude Code
Create an accessibility hand-off annotation in Figma. Analyzes a screen, generates structured JSON with targetBounds, executes the build script, and verifies with 18 strict checks.
Cursor rule Cursor
Cursor rule "comprehensive-ui-guide" from HeeGyeong/ComposeSample, covering comprehensive ui system guide, business logic separation, ❌ incorrect pattern, ✅ correct pattern and viewmodel organization rules.
Echoxiawan/figma-mcp-full-server
MCP server Claude CodeCodexCursor +2
A Model Context Protocol (MCP) server for Figma API integration with Claude Desktop. Extract images, styles, SVG data, and design elements from Figma files. Runs locally from the figma-mcp-full-server npm package.
Skill Codex
Design websites, apps, slides/PPT and forms. Use when creating or visually changing these outputs, or when requirements are confirmed and the user is ready for a design next step, even if they describe only business functions. Infer suitable layout, color and interaction from the task and existing project.…
Skill Claude CodeCodex
Scaffold frontend architecture, components, routing, and UI dependencies from project config and wireframes.
Shanmus4/figma-variables-tokens-generator
Skill Claude CodeCodex
Generate a fully connected design token system instantly from a chat prompt. Supports everything from a simple 1-tier flat architecture, to 2/3-tier systems (Primitives, Semantic with light/dark modes, Component Colors), all the way up to an enterprise 4-tier setup (Primitives, Theme, Semantic, Component Colors +…
Skill Claude Code
Translate designs and UI requirements into robust, extensible implementations. Apply when converting designs to code, implementing components, fixing broken UI, or handling responsive layouts.
Skill Codex
Android UI/UX design or review with Material 3 Expressive (M3 Expressive / Material You Expressive). Use when selecting expressive component tokens, defining expressive hierarchy, motion, color, shape, typography, or reviewing Android UI against expressive guidance. Not for non-Android platforms, non-UI Android tasks…
Skill Claude CodeCodex
Help designers and design engineers write portfolio case studies as markdown files. Use this skill whenever someone wants to write a case study, portfolio piece, project write-up, or craft essay about something they designed or built. Triggers on "case study," "portfolio piece," "write up what I built," "document this…
Plugin Claude Code
Bundles 1 skill · 94 tokens together
AI-powered 3D design in Blender via MCP. Create parametric models, apply materials, set up lighting, and render scenes.
Skill Codex
Finds and removes AI slop from prose, UX copy, and web interfaces. Use when writing, auditing, or revising articles, posts, READMEs, marketing copy, UI copy, layouts, or frontend code that must not feel AI-generated; when the user says unmachined, de-slop, AI slop, anti-slop, humanize, make this human, sounds like AI…
Skill Claude CodeCodex
Use when designing, reviewing, or implementing a command-palette / ⌘K layer for an Apple-platform app — keyboard-first global search, ranked and grouped results, native floating panel, and protected destructive commands.
ngocanhnckh/liquid-glass-frontend-skill
Skill Claude CodeCodex
Use when building a beautiful, distinctive, awwwards-tier web frontend — landing pages, dashboards, web apps, marketing sites — that needs Apple-style liquid-glass surfaces, choreographed motion.dev animations, and creative editorial layouts instead of the generic SaaS look (icon-card rows, centered heroes, default…
Plugin Claude Code
Bundles 1 skill · 240 tokens together
Architecture diagrams, presentation slides, social cards, code snippets and device mockups — authored as HTML/SVG and rendered to crisp PNGs by a local headless Chromium. Includes a 55-part element library (device frames, infrastructure shapes, schematic chart and BI parts, 29 glyphs), places your own screenshots and…
MCP server Claude CodeCodexCursor +2
Design to Code — AI-powered frontend builder with visual verification. Runs locally from the imugi-ai npm package.
MCP server Claude CodeCodexCursor +2
MCP server that converts raster images (PNG/JPG/WEBP) to SVG vector format. Runs locally from the image2svg-mcp Python package.
Skill Codex
A Chinese-language workflow for creating images from articles, content blocks, or presentation outlines. It turns content into image prompts, selects suitable sizes and layouts, and can send prompts to available image-generation tools or APIs.
WhimsicalCode/mcp-server-guide
Plugin Claude Code
Whimsical's official MCP server. Create and edit boards, docs, flowcharts, mind maps, sequence diagrams, wireframes, tables and sticky notes, then read, search and comment on anything already in the workspace. OAuth 2.1, no API key; a free Whimsical account can use every tool.
andre-carbajal/affinity-mcp-bridge
MCP server Claude CodeCodexCursor +2
A standalone MCP stdio bridge for Affinity by Canva's local MCP SSE server. Runs locally from the affinity-mcp-bridge npm package.
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: