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 Claude CodeCodex
Use when building, editing, or iterating on a Figma design via the Mimic AI MCP server (mimicstatus, mimicdiscoverds, figmacreateframe, figmainsertcomponent, mimicbuildtable, mimicbuildchart, etc. are available), or when the user asks to turn HTML, a prompt, or a Claude Design/Figma Make prototype into real Figma…
MCP server Claude CodeCodexCursor +2
Free, local MCP bridge for Figma — HTML, CSS, Tailwind, tokens, agent handoff bundles. Runs locally from the figbridge-mcp npm package. Needs 1 environment variable to run.
Skill Claude CodeCodex needs its repo
A set of rules and templates for creating and reviewing product design documents in the ued/ directory. It covers documents ranging from strategy and requirements to architecture, detailed design, and validation.
xdx888999/xdx-lab-design-style-skill
Skill Claude CodeCodex
A design-reference skill for creating websites, landing pages, posters, app interfaces, presentations, and React components in a chosen visual style.
AXIOTN/frontend-page-generator
Skill Claude CodeCodex
A front-end page generation skill for building web pages and applications with React, Vue 3, Next.js, Nuxt.js, or simpler HTML-based tools. It covers visual design, API connections, forms, animations, and icons.
Skill Codex
An image-resizing tool that rebuilds one cover image for different shapes and platforms while preserving its text, subject, key objects, and visual style.
wondershare-boop/edrawmax-skills
Skill Claude CodeCodex needs its repo
A tool for creating flowcharts, infographics, Gantt charts, and mind maps from natural-language descriptions. EdrawMax is a diagram-making service that returns image files and source code.
aaronvanston/skills-presentations
Skill Claude CodeCodex
Visual design guidance for bold, minimal presentations. Provides layout patterns, typography hierarchy, color specifications, and slide composition rules. Use when asking "how should this slide look?", "design guidance for...", "what layout for this slide?", or when translating content into visual structure for a…
MCP server Claude CodeCodexCursor +2
Sketchup integration through Model Context Protocol. Runs locally from the sketchup-mcp Python package.
OutlineDriven/odin-codex-plugin
Skill Claude CodeCodex
Set visual and interaction direction for any UI surface (web, React, TUI, CLI, desktop, Qt, design-system tokens) before any UI code. Direction-first: generates 3-4 distinct directions via verbalized sampling, picks one via per-axis single-select, then derives palette, typography, spacing, motion budget. Loads when…
Skill Claude Code
A skill for creating Excalidraw presentations and diagrams. Excalidraw is a drawing tool for making visual explanations, such as process flows, architecture diagrams, and teaching materials.
Skill Claude CodeCodex
Generate web assets including favicons, app icons (PWA), and social media meta images (Open Graph) for Facebook, Twitter, WhatsApp, and LinkedIn. Use when users need icons, favicons, social sharing images, or Open Graph images from logos or text slogans. Handles image resizing, text-to-image generation, and provides…
MCP server Claude CodeCodexCursor +2
MCP server "speckle-mcp" as configured in bimgeek/speckle-mcp. Runs locally from the speckle-mcp Python package.
Skill Claude CodeCodex
Configures Unlayer's email, page, popup, and document builders — feature flags, appearance, theming, merge tags, design tags, display conditions, special links, HMAC security, file storage, image uploads, localization, custom fonts, and validation. For the standalone Image Editor, use unlayer-image-editor.
Skill Claude Code
Adobe Photoshop layer operations — create, delete, reorder, duplicate, rename, set opacity/visibility, fill, blend modes.
Cursor rule Cursor
Compose accessibility rules for TalkBack — icons, headings, Canvas, live regions, focus, modals, and attribute preservation.
MCP server Claude CodeCodexCursor +2
WCAG MCP server for agentic systems - powered by official W3C data. Runs locally from the wcag-guidelines-mcp npm package.
Plugin Claude Code
Bundles 2 skills · 105 tokens together
StitchFlow turns product briefs into Stitch UI screens, variants, Tailwind-friendly HTML, and screenshots. Works across Codex, Claude Code, and OpenClaw.
rahamanbinujit/claude-design-engine
Skill Claude CodeCodex
End-to-end AI design system with 190+ battle-tested styles, AI image generation, and pixel-perfect export. Designs social media posters, carousels, YouTube thumbnails, PDFs, and full websites — entirely from natural language. Includes brand onboarding, self-review quality system, Puppeteer export scripts, and 6…
Plugin Claude Code
Bundles 6 skills, 1 MCP server · 283 tokens together
3D printing CAD modeling with build123d — create, analyze, and export printable models (STL/STEP/3MF) directly from Claude Code.
Skill Claude Code
Guide for populating SwiftUI prototype screens with bundled placeholder images and SF Symbol icons. Use when building any screen that needs realistic-looking placeholder content — avatars, product cards, hero images, etc.
Skill Codex
Recommend and apply commercially usable Korean webfonts for vibe-coded frontends, landing pages, portfolios, dashboards, editorial pages, campaign microsites, and developer UIs. Use when Codex needs to choose Korean typography by mood or tone and manner, explain why a font fits a concept, verify that the font is safe…
spicylola/beautiful-brand-made-easy-claude-skiill
Skill Claude CodeCodex
This skill turns Claude into your personal brand designer. Through a guided conversation, Claude will ask you everything it needs to know about your brand — your name, personality, colors, fonts, vibe, and more — then generate a complete, beautiful HTML brand kit file you can download and keep forever.
Skill Claude CodeCodex
Build dark skeuomorphic UI components (knobs, sliders, inset controls, raised shells) with top-lighting, layered shadows, tactile depth, and animation-ready interaction patterns. Trigger this skill when the user asks for skeuomorphic components, neumorphic dark controls, rotary dials, or realistic hardware-like UI.
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: