17,770 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 Claude CodeCodex
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.
nlook-service/design-from-code
Plugin Claude Code
Bundles 1 skill · 135 tokens together
Workflow skill that designs UI changes from real source code and data models — verify data in code, iterate faithful HTML mockups, lock a design doc, then delegate implementation. It reproduces existing components pixel-for-pixel by reading actual JSX/queries instead of imagining them.
sekharmalla/affinity-mcp-server
Plugin Claude Code
Bundles 1 skill, 1 MCP server · 69 tokens together
Control Affinity creative suite on macOS with AI — 23 MCP tools + design workflow skill.
Skill Claude CodeCodex
A guide for designing presentation slides as editable HTML-based decks, with optional conversion to PowerPoint. It covers slide structure, visual layout, data displays, and design choices.
Cursor rule Cursor
GhostCanvas design workflow, MCP tools reference, and best practices for AI-controlled visual design.
seunghan91/ios26-design-system
Skill Claude CodeCodex
Build iOS 26 Liquid Glass interfaces on web and cross-platform. Source: Apple Figma Community Kit.
Cursor rule Cursor
Use this rule whenever the user asks to create, draw, design, edit, or nudge any SAP / BTP / on-prem architecture diagram (XSUAA flow, Cloud Connector, Joule, MCP, Agentic AI, Task Center, Build Work Zone, Identity Lifecycle, Private Link, Event-Driven, Business Data Cloud, etc.). Output is a .drawio file.
Plugin Claude Code
Bundles 9 skills · 949 tokens together
Web animation skills for AI coding agents — GSAP, SVG, Lottie, micro-interactions, page transitions, and 60fps performance, installed straight into your agent.
Skill Claude CodeCodex
Architectural modeling in Rhino 3D through the rhino-architect MCP tools. Use whenever the user wants to model, edit, analyze, or document buildings in Rhino - massing studies, floor plates, cores, facades, openings, floor plans, sections, area schedules, materials, or viewport captures. Also use when tracing…
Skill Claude CodeCodex
Apply UX content writing principles to review existing UI copy or write new UI copy from scratch. Use this skill whenever someone asks you to: review, audit, critique, or improve UI text, error messages, button labels, tooltips, empty states, onboarding copy, form helper text, or any software interface copy. Also…
Varalix-Digitech-Solutions/clone-team
Plugin Claude Code
Bundles 1 skill, 5 commands, 5 agents · 898 tokens together
Clone any website with a team of AI agents — pixel-perfect UI clone plus reverse-engineered architecture docs. Built on Claude Code's dynamic Workflow engine with an unskippable test gate; fully pausable and resumable.
Skill Claude Code
Full-stack design methodology that makes any website look like a $150k agency build. Nine gated phases: positioning, research, design contract, screen spec, build, subtraction, audit, hardening, handoff. Includes illustration system, animation tiers, 12 hero patterns, 16 section layouts, UX writing guide, icon system…
brockwebb/open-census-mcp-server
Skill Claude CodeCodex
Author publication-quality diagram specifications (method.txt files) from paper prose and draw.io sketches, following federal data visualization standards and Tufte design principles. Use when creating, modifying, or regenerating conceptual diagrams, architecture figures, or visual explanations for academic papers or…
Skill Claude CodeCodex
Apply a restrained, Swiss/Japanese/Scandinavian/German-influenced product design system when building or refining UI in React, Next.js, TypeScript, and shadcn/ui — the stack-specific binding of the ui-principles core, with concrete numbers. Use when the user asks to build, refine, critique, redesign, or review a page…
Skill Claude CodeCodex
Version: 1.7.0 Platform: macOS and Windows Description: Step-by-step guided setup of Figma Console MCP for designers. Walks the user through the full installation flow — from package manager to a verified Figma connection. Author: Design Agent Lab — designagentlab.com.
chiroro-jr/pencil-design-skill
Skill Claude CodeCodex
Design UIs in Pencil (.pen files) and generate production code from them. Use when working with .pen files, designing screens or components in Pencil, or generating code from Pencil designs. Triggers on tasks involving Pencil, .pen files, design-to-code workflows, or UI design with the Pencil MCP tools.
Cursor rule Cursor
A design rule for an ongoing user-interface update focused on modern patterns and iOS 26 features.
volomydyr/design-engineer-plugin
Plugin Claude Code
Plugin marketplace listing 1 plugin: design-engineer.
CallMeJones/blender-agent-bridge
Skill Codex
Build, compare, review, or repair a Blender model against an actual supplied image, photograph, concept, or visual reference using adaptive decomposition, measurable proportions, evidence scoring, and bounded repair. Use only when the request explicitly concerns model creation or quality against visual form criteria…
Skill Claude Code
Use this skill to generate well-branded interfaces and assets for Reqvire (the Reqvire Explorer — a Git-native MBSE knowledge-graph viewer), either for production or throwaway prototypes/mocks/etc. Contains essential design guidelines, colors, type, fonts, assets, and UI kit components for prototyping.
Skill Claude Code
Create or customize a site theme interactively. Walks through site purpose, audience, visual direction, and design specifics before generating a complete base.html template with all SEO, accessibility, search, pagination, and i18n requirements.
Plugin Claude Code
Bundles 1 skill, 6 agents · 714 tokens together
Multi-channel visual production skill with brand-token enforcement and 8:1 contrast minimum.
Plugin Claude Code
Bundles 1 skill · 24 tokens together
UX co-pilot — conversational UX designer with live preview. 376 rules, 161 palettes, 57 font pairings, 67 styles. Phases: Discovery (ABCD questions), Audit (code scan + scored report), Preview (local server + named versions), Export (spec + React/Svelte/Vue components).
Skill Claude CodeCodex
UI/UX design intelligence for web and mobile. Includes 50+ styles, 161 color palettes, 57 font pairings, 161 product types, 99 UX guidelines, and 25 chart types across 10 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, and HTML/CSS). Actions: plan, build, create, design…
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: