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
Validates WCAG color accessibility compliance and generates compliant alternatives while preserving design intent. Acts as quality control for color palettes and design systems.
draaujpeg/solana-uiux-onboarding-kit
Skill Claude CodeCodex
Diagnoses and fixes the entry experience of Solana products, wallets, DEXs, aggregators and lending apps, using components calibrated on a heuristic study of 13 apps. Use when the user is designing, reviewing or implementing onboarding, wallet creation or import, transaction confirmations, error states, identity…
Skill Claude Code
Four quality gate checklists for frontend: baseline visual, accessibility, metadata/SEO, and motion performance. Post-implementation quality gates. Trigger: When reviewing UI changes, before merging frontend PRs, during sdd-verify.
Skill Claude CodeCodex
Quick-reference skill for Godot 4.x UI/UX development, covering Control nodes, theming, responsive design, and common UI patterns.
dovoanhtruong/abap-agent-antigravity-workspace
Skill Claude CodeCodex
Generate SAP BTP (Business Technology Platform) solution architecture diagrams as native draw.io (.drawio) files following the official SAP BTP Solution Diagram guidelines (Fiori Horizon design system) and open them via a configured draw.io MCP server. USE WHEN: user asks to create/draw/design/sketch a BTP diagram…
MCP server Claude CodeCodexCursor +2
Tabler.io for AI assistants: search 5,000+ icons, UI components, layouts, themes and docs. Runs locally from the tabler-mcp-server npm package.
MCP server Claude CodeCodexCursor +2
Give your AI coding agent an architecture canvas to design and evolve diagrams. Runs locally from the @usecomposer/mcp npm package.
Skill Claude CodeCodex
Use when a user wants to choose, change, compare, or improve the FONTS / typography of their web app — ANY framework: Next.js, Vite, Astro, Remix, SvelteKit, TanStack, plain CSS ("pick a font", "these fonts look generic/AI-generated", "make the headings nicer", "what typeface should I use", "change the font"). Font…
Skill Claude CodeCodex
Design-system workflow for FramingUI projects (free profile). Use for ANY UI work in a project that uses FramingUI — building or restyling screens, pages, components, layouts, or themes; writing AgenticLayoutContract JSON; choosing themes/tokens/icons; or reviewing FramingUI-based JSX. Triggers on requests like "build…
LabinatorSolutions/kroki-editorial-diagrams
Skill Claude Code
Create premium, responsive, interactive diagrams (flowcharts, sequence, architecture, data models, timing, data visualization) with an elegant editorial design aesthetic. Chooses the optimal layout engine (PlantUML, C4, D2, Mermaid, Graphviz, Structurizr, WaveDrom, Vega-Lite, ERD, BPMN, and more) and exports to…
designedbysom/accessibility-linter
Skill Claude CodeCodex
Reviews accessibility mid-design, not as a compliance audit, but as a craft challenge. Use when designing, describing, or building a UI component. Trigger on "I'm designing a component", "does this work", "review this interaction", "how should I handle focus", "is this accessible", or whenever HTML/CSS/React code is…
Klionskiy/claude-mobile-mvp-skills
Plugin Claude Code
Bundles 3 skills · 192 tokens together
Skills for designing mobile MVPs in Figma, converting approved Figma designs into SwiftUI, and reviewing MVP scope for App Store readiness.
Skill Claude CodeCodex
Use when the user asks to set up, install, or migrate to the Unify Theme for reablocks — a production-ready theme pack built on a three-level design-token system (primitives → semantic → Tailwind utilities) synced with the Unify Figma library. Covers the single-file themeUnify.ts TypeScript download, the Reablocks…
Tricholomaaurantiumknottiness355/design-dna
Skill Claude CodeCodex
Extract, define, and apply design DNA across three dimensions: design system (tokens), design style (qualitative feel), and visual effects (Canvas, WebGL, 3D, particles, shaders, scroll effects, etc.). Use this skill when: (1) a user wants to see the full 3-dimension design structure/schema, (2) a user provides…
Skill Claude CodeCodex
Distill any brand into a complete brand system: paste a URL, name, or screenshots and get a design-model.yaml (single source of truth), a script-rendered brandbook.html (tokens, type, voice, imagery spec, components, applications) and one hand-crafted landing page that proves the system captures the brand. Use when…
Plugin Claude Code
Plugin marketplace listing 1 plugin: ui-craft.
Skill Claude CodeCodex
Search and download stock photos from Pexels, Unsplash, and Pixabay for projects, landing pages, UI mockups, and content. Use when users explicitly ask to find stock photos, need a hero/profile/content image, or want to download a selected stock image.
Neilander/mobile-ui-replicator
Skill Claude CodeCodex
You (the agent) just got asked to turn a UI screenshot + style reference image + a written description of the app's features into a working single-file HTML demo painted in the style of the reference. This file tells you how.
crazyzlnofficial/layout-discipline
Skill Claude CodeCodex
A set of rules for keeping AI-generated web pages visually consistent, including their text sizes, spacing, alignment, cards, and colors.
Plugin Claude Code
Bundles 19 skills, 17 agents · 2,269 tokens together
AI-powered design, UX, content, DevOps, testing, and performance toolkit for Claude Code. Design reviews (WCAG, Nielsen's heuristics), UX flow analysis, marketing content generation (JTBD), full-lifecycle SEO (7-phase audits, GEO/LLM visibility, closed-loop Search Console autofix, rank monitoring), CI/CD pipelines…
Skill Claude CodeCodex
Generate a complete design system (design.md, design-guidelines.md, design-components.md) from any reference materials — images, PDFs, links, or descriptions.
musabekisakov-imj/flutter-design-engineer
Skill Codex
Orchestrate product-aware Flutter UI design and redesign from repository inspection through rendered verification. Use for new Flutter screens, multi-screen flows, major visual redesigns, design-led implementation, or ambiguous Flutter UI requests that require routing across audit, design-system, implementation…
Skill Claude Code
Generate dark neon cyber-fantasy dashboards, glassmorphism surfaces, and gamified React and Tailwind UIs.
Cursor rule Cursor
A structured way to explore a coding problem before writing code. It separates idea generation, narrowing the choices, and testing the likely weaknesses of each option.
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: