17,637 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
Author and invoke high-quality, mobile-first AnyUI HTML templates for MioChat. Guides the creation of clean, responsive cards, game interfaces, forms, story choices, and Galgame/visual novel dialogue cards rendered via extraRender in Shadow DOM. Enforces decoupled zero-round-trip async image rendering (pure CSS…
Skill Claude CodeCodex
A skill for creating single-file HTML slide decks with horizontal navigation in magazine-inspired or Swiss-style layouts.
Plugin Claude Code
Bundles 3 skills · 421 tokens together
Professional presentation generator for HTML (with GSAP animations) and PPTX formats. Creates conference talks, pitch decks and tech presentations with curated style presets and validation.
Skill Codex
Generate spec-reliable App Store screenshots from deterministic HTML/CSS panels, with optional AI-generated sticker assets and style grading. Use when the user wants App Store / store listing screenshots, marketing panels with device frames, screenshot localization or translation ('translate my screenshots'), or asks…
Plugin Claude Code
Bundles 1 skill · 0 tokens together
AI-powered logo design → SVG → full brand kit. Free, local, MCP-native.
Plugin Claude Code
Bundles 13 skills, 1 MCP server · 752 tokens together
Figma MCP server with full read/write access via plugin bridge. No API token, no rate limits, 73 tools, 13 skills.
Plugin Claude Code
Bundles 1 skill · 42 tokens together
Alpha: outcome-led UI journey design for Claude Code.
Cursor rule Claude CodeCursor
Application detail page — 10-tab layout, render functions, CSS classes, data field mappings, content regeneration.
Skill Claude CodeCodex
Use when building production-quality Avalonia screens — copy-paste XAML recipes for cards, primary/secondary/icon buttons, dialogs, sidebar nav, command bar, settings page, forms with validation, empty states, toasts, badges, skeletons. All recipes use semantic tokens from the design-system sub-skill.
Cursor rule Cursor
Guidelines for using Mobbin design reference search.
Plugin Claude Code
Bundles 2 skills · 173 tokens together
Convert images, screenshots, and design drafts into editable PPTX presentations or layered PSD files.
sean-sunagaku/claude-code-plugin
Skill Claude CodeCodex
A screen-design skill that turns product requirements into user flows and PlantUML wireframes. A wireframe is a rough screen layout showing structure and interactions before visual styling.
Skill Claude CodeCodex
Build scalable, maintainable design systems that unify product experiences. Use when creating component libraries, design tokens, or establishing design standards. Covers atomic design, Storybook, theming, and design system governance.
vercel-labs/design-systems-to-agent-skills
Command Claude Code ✓ vendor
Run Stage 3 of the design system skill generation pipeline: closed PRD generation.
Skill Claude CodeCodex
Generate syntactically correct Mermaid diagrams from natural language. Covers flowcharts, sequence diagrams, class diagrams, ER diagrams, state diagrams, Gantt charts, pie charts, and more. Produces clean, render-ready output that avoids the common LLM parsing failures.
jiemianduan/poster-style-transfer
Skill Claude CodeCodex
Analyze an uploaded or local reference poster, extract its reusable design system, and transpose that system to an original poster with a new theme, title, subtitle, or campaign copy.
MetaMask/metamask-design-system
Cursor rule Cursor
MetaMask content design rules for user-facing strings — capitalization, punctuation, voice, tone, and terminology. Component-specific copy rules live in each component's README (read via Storybook MCP).
MCP server Claude CodeCodexCursor +2
Framework-aware Starwind UI v3 tools for Astro and React setup, components, docs, and migration. Runs locally from the @starwind-ui/mcp npm package.
lxxgg92/xianxin-design-workflow
Cursor rule Cursor
Project design instructions written in Chinese for creating or updating a DESIGN.md file and related UI specification and handoff documents from product requirements, reference images, or Figma designs.
Plugin Claude Code
Bundles 2 commands, 2 agents · 65 tokens together
Gemini models for visual analysis, UI/UX work, and image generation.
Skill Codex
Create or refine custom icon assets as native or traced SVGs and transparent PNG/WebP files. Use when the user asks for a bespoke icon or cohesive icon set, wants an image traced into a clean vector, or needs a detailed or 3D icon with transparency.
abanoubkhaliil/Ak-Elementor-Studio
Skill Claude CodeCodex
AK Elementor Studio — built by Abanoub Khalil (akstudio.me). Converts ANY input — HTML/CSS/JS code, screenshots, images (PNG, JPG, WebP), PDFs, Figma exports, design mockups, wireframes, or any visual file — into fully structured Elementor page JSON templates importable into WordPress. Activate this skill whenever the…
AlterLab-IEU/AlterLab_GameForge
Skill Claude Code
Invoke when the user asks about accessibility, inclusive design, colorblind mode, remappable controls, screen reader support, EAA compliance, CVAA, difficulty options, motor accommodations, or one-handed mode. Triggers on: "accessibility", "inclusive design", "colorblind", "remappable controls", "screen reader"…
Plugin Claude Code
Bundles 3 skills · 217 tokens together
Editorial-driven UI design skill for premium digital products.
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: