17,795 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 Code
Use when the user wants to design, redesign, build, critique, audit, polish, theme, animate, adapt, or otherwise improve a Flutter app's UI or UX. Covers full apps, screens, widgets, components, forms, onboarding, empty states, navigation, dashboards, and settings. Handles Material 3 theming, Cupertino/iOS adaptation…
Skill Claude Code
Create distinctive, production-grade web interfaces with high design quality using Tailwind CSS. Use for building UI components, pages, dashboards, apps, and web applications. Generates crafted, polished code that avoids generic AI aesthetics.
Plugin Claude Code
Claude Code-based design skill for hi-fi prototyping + Figma MCP precision work. Single-plugin marketplace; mirror this repo to your internal git host to ship a team-local marketplace.
Skill Codex needs its repo
Create, customize, validate, locally install, and test theme packs for Codex Desktop from generated background artwork, a landscape image, brand palette, or style brief. Use when a user asks to make a Codex theme, generate or convert artwork into a Codex background/theme pack, prepare free or branded theme assets…
Skill Claude Code
Generate and deploy a complete brand asset pack for a Next.js App Router project. Scans the project, prints what to generate with exact specs, then imports and wires everything correctly.
josephbartlett/windows-appshot-codex
Skill Codex
Use when the user invokes $windows-appshot or asks to create a Windows appshot bundle, including foreground-window screenshots, UI Automation text, metadata.json, prompt.md, or appshots generated by scripts/New-Appshot.ps1.
OpaceDigitalAgency/ai-ui-ux-motion-engine
Plugin Claude Code
Bundles 1 skill · 138 tokens together
Cinematic website skill with enforced flagship intent, programmatic media production, creative acceptance and fail-closed scroll validation.
Skill Claude CodeCodex needs its repo
Extract design information from Figma files. Pull design tokens, component structure, colors, typography, spacing, and export assets. Use when the user asks about their Figma designs, needs to extract design tokens, or wants to convert Figma designs to code. Triggers on: "figma", "design tokens", "get colors from…
rancy777/warm-humanist-editorial-art
Skill Claude Code
Design or generate original warm humanist editorial illustrations built from sparse hand-drawn near-black gestures, warm off-white abstract systems, and one flat muted background; or semantically redraw a user-uploaded image into the same visual language. Text-only generation retains the v2.1.0 workflow unchanged.…
XINGANLIU/design-system-generator-skill
Skill Claude Code
Generate a complete, production-ready design system from a single brand color. Outputs OKLCH color palettes, W3C Design Tokens (JSON), CSS custom properties, component styles (Button, Card, Input, Badge, Alert, Modal, etc.), and a live preview HTML page with Light/Dark theme toggle. Trigger this skill when the user…
Agent Claude Code
Senior Frontend Architect who builds maintainable React/Next.js systems with performance-first mindset. Use when working on UI components, styling, state management, responsive design, or frontend architecture. Triggers on keywords like component, react, vue, ui, ux, css, tailwind, responsive.
Skill Claude CodeCodex
Plans, designs, builds, validates, and prepares polished responsive websites and lightweight web apps from brief through hosting handoff. Use when creating or redesigning a landing page, portfolio, editorial site, knowledge hub, directory, dashboard, portal, tracker, internal tool, microsite, or small web app…
lubluniky/awesome-agent-blueprints
Skill Claude Code
UI/UX expert for design systems, accessibility, and avoiding generic AI-generated design patterns.
Skill Claude CodeCodex
Curated collection of DESIGN.md files from real websites. Each DESIGN.md contains complete design system specifications including color palette, typography, component styles, spacing, and visual guidelines that AI agents can use to generate pixel-perfect UI matching the source website's design. Use when: user wants to…
pnaque/pnaque_codex-universal-design-skill
Skill Claude Code
High-fidelity HTML design and prototype creation for both Claude Code and OpenAI Codex. Use this skill whenever the user asks to design, prototype, mock up, or build visual artifacts in HTML — including slide decks, interactive prototypes, landing pages, UI mockups, animations, or any visual design work. Also use when…
martinstofko219/agentic-design-toolkit
Skill Claude CodeCodex
Compare a prototype — React/Vite or Angular code in the workspace, an HTML prototype or wireframe, or Figma frames — against a research-synthesis doc to find where the two disagree, then produce a prioritized markdown implementation plan closing the gaps. Use whenever the user has both research findings and a…
alii13/accessibility-mcp-server
MCP server Claude CodeCodexCursor +2
MCP server for accessibility auditing with export, filter, aggregation, and visualization tools. Runs locally from the @ali0113/accessibility-mcp-server npm package.
MCP server Claude CodeCodexCursor +2
Let AI agents see your UI — point at elements, annotate, and get instant visual context for AI-powered code editing. Runs locally from the peek-mcp Python package.
MCP server Claude CodeCodexCursor +2
MCP server "tldraw" as configured in Mihai-Codes/tldraw-mcp-server. Runs dist/index.js with node. Needs 1 environment variable to run.
Cursor rule Cursor
You are a Senior Front-End Developer and an Expert in ReactJS, NextJS, JavaScript, TypeScript, HTML, CSS and modern UI/UX frameworks (e.g., TailwindCSS, Shadcn, Radix). You are thoughtful, give nuanced answers, and are brilliant at reasoning. You carefully provide accurate, factual, thoughtful answers, and are a…
MCP server Claude CodeCodexCursor +2
MCP server "fusion360-mcp" as configured in ferocknew/fusion360mcp. Runs locally from the fusion360-mcp Python package.
violet4795/figma-developer-mcp-ncds
MCP server Claude CodeCodexCursor +2
Model Context Protocol server for Figma integration. Runs locally from the figma-mcp-ncds npm package.
MCP server Claude CodeCodexCursor +2
MCP server "krds-uiux-mcp-server" as configured in re-rank-offical/UIUX-MCP. Runs locally from the krds-uiux-mcp-server npm package.
MCP server Claude CodeCodexCursor +2
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot. Runs locally from the figma-developer-mcp npm package.
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: