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.
kkunkunya/ai-frontend-design-kit
Plugin Claude Code
Bundles 10 skills · 2,026 tokens together
AI-first frontend design toolkit for Claude Code and Codex: 7-stage flow (requirement -> six-dimension research -> dualround interview -> visual anchors -> asset gen -> code impl -> design review) + scenario C increment router + ten-line anti-slop gate + kun 15-segment DESIGN.md writer + i18n essentials. Each skill…
Plugin Claude Code
Bundles 1 skill · 94 tokens together
A diagram you talk back to — render a plan, an existing codebase, or a feature as an interactive architecture graph, edit it directly (drag, reconnect, comment), and send the structured edits back to the agent.
Plugin Claude Code
Bundles 1 skill, 1 hook, 1 MCP server · 19 tokens together
figma-to-react. Claude Code plugin for converting linear Figma screen flows into React components with exact assets, iOS-native animations, and automated visual verification.
MCP server Claude CodeCodexCursor +2
MCP server for Monodraw - Export ASCII art diagrams, create flowcharts, sequence diagrams, and integrate with Claude AI. Runs locally from the mcp-monodraw npm package.
Plugin Claude Code
Bundles 1 skill, 1 hook · 53 tokens together
Serve and enforce your design system in any agent. Bundles the Layout MCP server (design tokens, component specs, compliance checks) and the layout-md skill for writing on-brand UI code.
MCP server Claude CodeCodexCursor +2
A local tool for using the @arc/design exact-first pipeline through the arc-mcp npm package. It includes commands for planning and extracting exact design documents.
MCP server Claude CodeCodexCursor +2
An MCP server with tools for CAD interaction and knowledge base retrieval. Runs locally from the creo-mcp Python package.
MCP server Claude CodeCodexCursor +2
Design intelligence for coding agents: audits, design systems, and a taste profile agents consult. Runs locally from the raven-mcp npm package.
Plugin Claude Code
Bundles 6 skills, 3 commands, 1 MCP server · 947 tokens together
A collection of tools for turning Figma designs into native Android or iOS interface code. Figma is a design application, while native UI code is built for a specific mobile platform.
Skill Claude Code
Deep-reviews Android apps for tablet, foldable, desktop-window, connected-display, and Googlebook readiness — window size class usage, canonical layouts (Material 3 adaptive scaffolds and Navigation 3 scene strategies), fold posture handling, state survival across fold/unfold and resize, manifest…
Skill Claude CodeCodex
Build production-feel HTML prototypes for sales demos and reviews. Runs a discovery Q&A, scaffolds a zero-dep static site (HTML + Tailwind CDN + theme/layout switchers + URL-state + feedback overlay + control bar) and runs a design-quality loop. Use when the user says "prototype", "mockup", "demo", "pitch page"…
Skill Claude CodeCodex
Create frontends, posters, dashboards, and web UIs rooted in Bauhaus and Swiss International Typographic Style (Internationale Typografische Stil) design principles. Use this skill when the user mentions Bauhaus, Swiss design, International Typographic Style, grid systems, Josef Müller-Brockmann, Max Bill, Jan…
Agent Claude Code
Use this agent for domain reasoning, brainstorming, design briefs, and reference material analysis (STEP files, drawings, datasheets). Invoke before any non-trivial CAD model is implemented, to pre-digest dimensions, decide coordinate systems, and resolve geometric ambiguity. Also invoke to resolve ## Escalations…
Skill Claude CodeCodex
Opinionated app components building on top of ./ui primitives.
virgiliojr94/duolingo-ux-reference
Skill Claude CodeCodex
World-class UI/UX reference distilled from Duolingo's PUBLIC design guidelines (design.duolingo.com) — color tokens, typography rules, and UX-writing/microcopy patterns — for frontend devs. Unofficial, not affiliated with Duolingo. Use when building or reviewing UI: choosing colors, type, button/header copy…
Future-CX/AI-Architecture-Toolkit
Skill Claude CodeCodex
Create Draw.io diagrams from reusable architecture diagram templates and always store editable .drawio files and exports in a diagrams/ subfolder. Use when the user asks for Draw.io, diagrams.net, editable architecture diagrams, or when an architecture workflow needs Draw.io versions of target architecture, solution…
muhosekerci/imgui-ui-ux-engineering
Skill Codex
Proactively design, improve, or review high-quality Dear ImGui tools, C++ editor panels, game-development interfaces, debugging dashboards, visualization screens, and desktop workflows. Use when Dear ImGui is named or supplied code contains direct evidence such as ImGui::, imgui.h, ImGuiContext, or ImGui backend…
Skill Codex
Design and meticulously style screens, components, dashboards, forms, and product flows. Use for UI/UX, "make it look better", visual refinement, perfectionist polish, typography, spacing, responsive layouts, design tokens, interaction states, accessibility, or developer handoff. Emphasize composition, optical…
moVictor99/shopify-theme-builder
Skill Claude CodeCodex
Build a complete, clean, Online Store 2.0 Shopify theme from a guided requirements interview. Use when a user wants to build, generate, scaffold, or design a Shopify theme, Shopify sections, JSON templates, Liquid, section groups, or a fully theme-editor-controllable storefront (including bilingual / RTL Arabic…
Skill Claude CodeCodex
Iteratively generate OpenSCAD (SCAD) code, render PNG previews, visually critique the result, and refine in a tight loop until the model matches. Use when the user asks to create a 3D model, design a part, make a bracket/enclosure/mount, render in OpenSCAD, export STL, or any request that can be expressed as…
deveshpunjabi/3d-website-skill
Skill Claude CodeCodex
Expert skill for designing, building, and deploying modern premium websites with advanced animations and 3D interactive experiences using Three.js, React Three Fiber, GSAP, and Framer Motion. Use this skill whenever the user wants to build a website with 3D elements, create an immersive web experience, add interactive…
MCP server Claude CodeCodexCursor +2
MCP server "autocad-mcp" as configured in codesknight/AutoCAD-MCP. Runs locally from the autocad-mcp Python package.
MCP server Claude CodeCodexCursor +2
Drive Adobe CC (AE, Photoshop, Illustrator, Premiere, Character Animator) from any MCP client. Runs locally from the @ajsmonty/adobe-mcp npm package. Needs 1 environment variable to run.
Agent Claude Code
Visual Communication Expert + Presentation Designer + Educator.
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: