Design and UX

19,061 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.

os2-wpf-theme

2041

TripleZeroLabs/TripleZeroLabs.Os2

Skill Claude CodeCodex

Apply the OS2 WPF theme (TripleZeroLabs.Os2) correctly in any XAML or C# file. Activate when building or editing a WPF window, page, view, or UserControl; styling any WPF control (Button, TextBox, DataGrid, ComboBox, CheckBox, nav sidebar, tabs, dialog, banner); building a settings screen, form, dashboard, or toolbar…

not rated 2 1mo ago A 149 tokens original MIT

accessibility-audit

2043

TrevorEdris/fellowship-of-the-workflows

Agent Claude Code

Use this agent for comprehensive WCAG accessibility auditing of web interfaces. Covers all four POUR principles, keyboard navigation, screen reader compatibility, color contrast, ARIA patterns, and semantic HTML. Requires Playwright MCP for live browser testing.

not rated 2 4mo ago A 51 tokens

ui-designer

2044

farfarawaylabs/agentspack

Agent Claude Code

You are a UI designer who creates interfaces that are both beautiful and implementable. You design through code—React components, HTML/CSS, Tailwind—and produce working UI that developers can use directly. You understand modern design trends, platform conventions, and the balance between innovation and usability.

not rated 2 6mo ago A 3 tokens

truman-t3/tinted-ui-tokens-skills

Skill Claude CodeCodex

A design-token generator that turns one brand colour into coordinated colours for interface backgrounds, borders, text, shadows, semantic states, gradients, icons, and dark mode. Design tokens are named colour values reused across a product's interface.

not rated 2 2mo ago A 181 tokens original MIT

motion

2046

azacdev/knowledge-agent-template

Cursor rule Cursor

Animation and motion standards for Knowledge Agent Template, based on Emil Kowalski's animation philosophy.

not rated 2 2mo ago A 764 tokens original MIT

clone-ai

2047

Omerfaruk-aydn/sitecloner

Cursor rule Cursor

Site Clone AI — website klonlama pipeline kuralları.

not rated 2 5mo ago A 374 tokens

glassmorphism-ui

2048

Tght1211/dream-ui

Cursor rule Cursor

A set of visual rules for building web interfaces in a glassmorphism style, which uses translucent, blurred surfaces to create a glass-like appearance.

not rated 2 8mo ago A 0 tokens

font-aesthetics

2049

Greatbeing/font-aesthetics

Skill Claude CodeCodex

A Chinese-language visual design skill for creating concept posters where typography is the main subject. It turns words and phrases into images through letter shapes, layout, materials, and visual metaphors.

not rated 2 4mo ago A 138 tokens original MIT

Jacoby6000/Smithplates

Skill Cursor

Turn a high-level concept and a high-level architecture into a conceptual set of interfaces, domain models, implementations, and their relationships. Use when the user describes what a project should do plus a rough architecture and asks for the interfaces/classes/traits to implement, a target/goal architecture, an…

not rated 2 24d ago A 73 tokens original MIT

flutter-taste-skill

2051

hooshyar/flutter-taste-skill

Skill Claude CodeCodex

Give AI-generated Flutter UI good taste. Encodes high-end mobile design DNA (bento grids, glassmorphism, mesh gradients, parametric "dials" for variance/motion/density, and a strict anti-slop ban list) into a portable Agent Skill. Use when building or restyling Flutter/Dart screens, when the user wants premium…

not rated 2 5mo ago A 100 tokens original MIT

frontend-rule

2052

asunYLiu/practiceAI

Cursor rule Cursor

When designing a frontend or frontend components.

not rated 2 1y ago A 8 tokens original MIT

brandkity

2053

BrandKity/mcp-server

MCP server Claude CodeCodexCursor +2

BrandKity MCP Server — Create and manage brand kits from AI agents. Runs locally from the @brandkity/mcp npm package. Needs 1 environment variable to run.

not rated 2 4mo ago A tokens not measured original MIT

mcp_excalidraw

2054

Fromsko/excalidraw-mcp-server

MCP server Claude CodeCodexCursor +2

MCP server for Excalidraw. Runs locally from the excalidraw-mcp npm package.

not rated 2 1y ago A tokens not measured copy · 100% MIT

X-FRI/skills

Skill Claude CodeCodex

Generate Excalidraw diagrams from natural language descriptions. Use when asked to "create a diagram", "make a flowchart", "visualize a process", "draw a system architecture", "create a mind map", or "generate an Excalidraw file". Supports flowcharts, relationship diagrams, mind maps, and system architecture diagrams.…

not rated 2 4mo ago A 96 tokens

interface-design

2056

anthuanvasquez/skills

Skill Claude CodeCodex

This skill is for interface design — dashboards, admin panels, apps, tools, and interactive products. NOT for marketing design (landing pages, marketing sites, campaigns).

not rated 2 2mo ago A 36 tokens original MIT

design-for-beauty

2057

cheng-zuguang/design-for-beauty

Skill Codex

A design reference guide for building or restyling websites and user interfaces using documented examples from public websites.

not rated 2 6mo ago A 90 tokens original MIT

design-md-creator

2058

az9713/design-md-creator-skill

Skill Claude Code

Generate a spec-compliant DESIGN.md file for any brand, product, or project. Produces a 9-section design system document in the getdesign.md format — covering visual atmosphere, color palette, typography, components, layout, elevation, do's/don'ts, responsive behavior, and an agent prompt guide. Use when asked to…

not rated 2 7mo ago A 92 tokens original MIT

frontend-design

2059

whyashthakker/agent-skills

Skill Claude Code

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI).…

not rated 2 7mo ago A 77 tokens

shadcn

2060

agent-skills/skills

Skill Claude CodeCodex

A tool for managing shadcn/ui, a collection of copyable user-interface components for web projects. It provides project context, component documentation, examples, and help with registries and presets.

not rated 2 6mo ago A 106 tokens

concept-diagram-prompt

2061

YUHAO-corn/corn-awesome-skills

Skill Claude CodeCodex

Generate image-generation prompts for professional concept diagrams, architecture diagrams, infographics, flowcharts, funnels, pyramids, and similar visual explanations of technical or business concepts. Use this skill whenever the user wants to create a concept diagram, system architecture diagram, comparison chart…

not rated 2 7mo ago A 146 tokens

danielsebesta/skills

Skill Claude CodeCodex

Create beautiful, simple, component-driven web interfaces with the soul of 2017–2019 web design (Bootstrap, Bulma, MaterializeCSS era). Use this skill when the user wants clean, elegant, thoughtful UIs — or expresses dislike for modern over-designed trends like glassmorphism, bouncy hover animations, gradient chaos…

not rated 2 6mo ago A 167 tokens

figma-implement-design

2063

gadanihiman/grs-skills

Skill Codex

Translate Figma nodes into production-ready code with 1:1 visual fidelity using the Figma MCP workflow (design context, screenshots, assets, and project-convention translation). Trigger when the user provides Figma URLs or node IDs, or asks to implement designs or components that must match Figma specs. Requires a…

not rated 2 5mo ago A 76 tokens

breadboarding

2064

shreyas-makes/agent-skills

Skill Claude CodeCodex

Create affordance-level breadboards from a specific workflow or shaped product idea. Use for UI/code/store/wiring tables. Not for generic architecture diagrams, implementation plans, or visual mockups.

not rated 2 3mo ago A 41 tokens

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: