Design and UX

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.

patternfly-vibe-coding

1945

nicolethoen/patternfly-vite-seed-app

Cursor rule Cursor

Always reference the README and markdown documentation in this repository when generating, editing, or reviewing any PatternFly (PF) code. These files contain the authoritative best practices, guidelines, and up-to-date standards for PatternFly development.

not rated 2 1y ago A 0 tokens

design-an-interface

1948

witi-projects/Skills

Skill Claude CodeCodex

Generate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants to design an API, explore interface options, compare module shapes, or mentions "design it twice". Use when the user says "/design-an-interface", "design an interface", or asks about design an interface.

not rated 2 4mo ago A 65 tokens original MIT

os2-wpf-theme

1949

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 12d ago A 149 tokens original MIT

superui

1951

HappyDoggyAI/superui

Cursor rule Cursor

Use SuperUI for frontend UI design, redesign, DESIGN.md, planning, implementation, responsive QA, accessibility, and review.

not rated 2 2mo ago A 25 tokens original MIT

apdr-runtime

1952

lazysheep-z/apdr-product-design-runtime

Skill Claude CodeCodex

A product-design workflow that takes a brief idea through requirements, a product requirements document, user flows, site structure, wireframes, interface design, code, and handoff documents. It saves each result as a versioned project artifact and can pause for human approval.

not rated 2 2mo ago A 114 tokens original MIT

accessibility-audit

1953

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 2mo ago A 51 tokens

ui-designer

1954

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 4mo 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 1mo ago A 181 tokens original MIT

ndv-accessibility

1956

emb715/neurodiveragents

Agent Claude Code

Accessibility auditor. Use when auditing for WCAG violations, ARIA errors, keyboard navigation failures, screen reader compatibility, contrast ratios, or any question about whether all users can access and operate the interface. Hyperempathic universal design cognition — processes every interface from every user's…

not rated 2 1mo ago A 71 tokens original MIT

motion

1957

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 18d ago A 764 tokens original MIT

clone-ai

1958

Omerfaruk-aydn/sitecloner

Cursor rule Cursor

Site Clone AI — website klonlama pipeline kuralları.

not rated 2 3mo ago A 374 tokens

glassmorphism-ui

1959

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 6mo ago A 0 tokens

font-aesthetics

1960

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 2mo 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 yesterday A 73 tokens original MIT

flutter-taste-skill

1962

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 3mo ago A 100 tokens original MIT

frontend-rule

1963

asunYLiu/practiceAI

Cursor rule Cursor

When designing a frontend or frontend components.

not rated 2 1y ago A 8 tokens original MIT

brandkity

1964

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 2mo ago A tokens not measured original MIT

mcp_excalidraw

1965

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 2mo ago A 96 tokens

interface-design

1967

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 14d ago A 36 tokens original MIT

design-for-beauty

1968

cheng-zuguang/design-for-beauty

Skill Claude CodeCodex

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

not rated 2 5mo ago A 90 tokens original MIT

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: