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 needs its repo
A workflow that converts a Figma design into web code and checks the rendered page against the original design. It uses saved design data, screenshots, pixel differences, and structural checks to guide repeated fixes.
agenisea/ai-design-engineering-cc-plugins
Plugin Claude Code
Bundles 8 skills, 8 commands, 8 agents · 888 tokens together
Human-first AI Design Engineer toolkit with 8 specialized personas for resilient agentic systems: Blueprompt (app specs), Brooks (JTBD methodology), Agenisea (multi-agent architecture), Atlas (data & ML architecture), Argus (security), Angel (backend systems), Clarity (human-first UX research & strategy), and Bliss…
Plugin Claude Code
Bundles 1 command, 3 agents · 122 tokens together
See your codebase as a friendly, zoomable picture. Built for non-coders who use AI to build apps — type /boxbox and get a beautiful HTML diagram of how your system works.
Skill Claude CodeCodex
Transform UI style requirements into production-ready frontend code with systematic design tokens, accessibility compliance, and creative execution. Use when building websites, web applications, React/Vue components, dashboards, landing pages, or any web UI requiring both design consistency and aesthetic quality.
firebenders/sync-figma-token-skill
Plugin Claude Code
Bundles 1 skill · 32 tokens together
Figma MCP server plugin.
arjitj2/swiftui-design-principles
Skill Claude CodeCodex
Design principles for building polished, native-feeling SwiftUI apps and widgets. Use this skill when creating or modifying SwiftUI views, iOS widgets (WidgetKit), or any native Apple UI. Ensures proper spacing, typography, colors, and widget implementations that look and feel like quality apps rather than…
pc-software-org/huashu-design-en
Skill Claude CodeCodex
Huashu Design - Integrated design capabilities using HTML for high-fidelity prototypes, interactive demos, slideshows, animations, design variant exploration + design direction consultant + expert review. HTML is a tool not a medium, embody different experts (UX designer/animator/slideshow designer/prototyper)…
SemineChen/ux-interaction-audit
Skill Claude CodeCodex
UX Interaction Audit: Chinese structured UX evaluation assistant and local browser UI for interface screenshots, product design mockups, web/app page screenshots, and page descriptions. Use when the user asks to evaluate UX, interaction design, usability, page clarity, conversion flow, forms, accessibility, trust…
jpiece3/lead-magnet-quiz-workflow
Skill Claude CodeCodex
Create distinctive visual specifications for the lead magnet funnel that match the brand's visual personality. Output design tokens, component variants, and implementation guidance that produces visually unique quiz experiences.
Plugin Claude Code
Bundles 1 skill, 1 command, 1 MCP server · 103 tokens together
Draw on a live frontend in the Playwright browser and feed the annotated screenshot straight back into the Claude Code session. Fully local, no cloud, no extension.
Brain-ai-biz/Brain-edit-slides
Skill Claude CodeCodex
Add a Canva-style visual Edit Mode to any HTML presentation/slide deck. Use this skill EVERY TIME you create, generate, or finish building an HTML presentation, slide deck, or מצגת for the user - inject the editor automatically as the final step. Also use when the user asks to "make my deck editable", "add edit mode"…
Skill Claude CodeCodex
Use when the user needs UI/UX research using Mobbin MCP — screen references, flow research, competitive audits, pattern exploration, or PRD-driven research. Triggers on: Mobbin search, mobbin research, screen references, product flow research, pattern analysis, competitive UI audit, UX benchmarking, onboarding flow…
Amsterdam/amsterdam-agent-skills
Skill Claude CodeCodex
Mandatory for all Gemeente Amsterdam UI work. Use for pages, layouts, forms, dashboards, landing pages, React/JSX/TSX components, styling, theming, scaffolding frontend projects, or any visual interface. Covers @amsterdam/design-system-react, CSS tokens (--ams-), BEM CSS with ams- prefixes, 4/8/12-column Grid…
daetojemax/figma-to-swiftui-skill
Skill Claude CodeCodex
Convert Figma URLs, nodes, selections, or briefs into production SwiftUI for iOS using Figma MCP. Use for Figma-to-SwiftUI implementation, planning, design tokens, and asset export; not for web or React.
Skill Claude CodeCodex
Design and code a self-contained HTML dashboard for DeepSQL — ground on the schema, verify SQL, then emit it as a shell plus one verified widget block at a time so the canvas builds progressively.
Skill Claude CodeCodex
Create, edit, visually inspect, and export CarouselBot slides through the local CarouselBot MCP companion.
Skill Claude Code
Builds SVG user-flow diagrams for an audit (entry → screens → conversion/drop-off) following the PLAYBOOK §11a constants. Use when the user asks for a "flow diagram", "user flow", or "flow map".
summer-ai-lab/scientific-figure-shapes
Skill Claude CodeCodex
A method for rebuilding scientific figures, mechanism diagrams, screenshots, and academic visuals as editable PowerPoint VBA shapes. VBA is PowerPoint's built-in scripting language.
Skill Claude CodeCodex
Redesenha artefato visual (UI, documento, slide) com detector determinístico de render.
Plugin Claude Code
Bundles 9 skills, 5 commands, 1 agent · 538 tokens together
Design Director for websites, web apps, iOS, and Android. Generates HTML/CSS directly (Gemini Design MCP, Magic/21st.dev, and shadcn MCP are optional). iOS/Android produce tokens + a device-framed mockup + a handoff spec, never SwiftUI/Compose. Design method, design system tokens, motion, UX copy, and a deterministic…
Skill Claude CodeCodex
Audit a company's website from a buyer's perspective — positioning, funnel, proof, and differentiation. Use when user says 'audit this site', 'review my website', 'marketing audit', 'homepage critique', 'site teardown', 'why isn't my site converting', 'what does my site say about us', or 'what does a visitor see in 5…
Skill Claude CodeCodex
Provision Postgres + REST API + auth + content-addressed storage + serverless functions + email — paid with x402 USDC on Base. Prototype tier is free on testnet. Use when the user asks to build a webapp, deploy a site, create a database, generate images, or mentions Run402.
Skill Codex
World-class information architecture workflows for product and design teams: define navigation, taxonomy, labeling, content models, and page hierarchy so complex products feel obvious. Use when designing or redesigning an app/website structure, menus, docs/knowledge base IA, onboarding flows, search/filtering…
Plugin Claude Code
Bundles 1 skill, 1 agent · 263 tokens together
Build production-grade UI using real design system specifications from Google Material Design 3, Apple HIG, and IBM Carbon. Includes complete design tokens (4 themes for Carbon: White/G10/G90/G100), interaction states, page composition patterns, icon systems (Material Symbols + SF Symbols + Carbon Icons), pictograms…
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: