Design and UX

21,813 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.

yb2460/harness-anything

Skill Claude CodeCodex

A command-line tool that controls Adobe Photoshop through Windows automation. It can work with Photoshop documents, layers, selections, text, image adjustments, and exports.

not rated 1.7k +111 1mo ago A 43 tokens original MIT

terravision

98

patrickchugh/terravision

MCP server Claude CodeCodexCursor +2

Terraform Architecture Visualizer. Runs locally from the terravision Python package.

not rated 1.6k +4 today A tokens not measured AGPL-3.0

CopilotKit/OpenGenerativeUI

Skill Claude CodeCodex

UI mockups, dashboards, advanced interactivity, generative art, simulations, math visualizations, and design system rules for producing rich generateSandboxedUi output.

not rated 1.5k +6 2mo ago A 37 tokens original MIT

user-research-cookiy

100

cookiy-ai/user-research-skill

Skill Claude CodeCodex

End-to-end user research assistant — qualitative and quantitative. Use this skill whenever the user mentions user research, user interviews, discussion guides, interview guides, research plans, qualitative research, quantitative research, user surveys, survey design, usability studies, participant recruitment…

not rated 1.5k +1 16d ago A 154 tokens original MIT

motion-design

101

LottieFiles/motion-design-skill

Skill Claude CodeCodex

Applies motion design principles to create emotionally-driven, technically sound animations and transitions. Provides timing, easing, choreography, and Disney animation principles adapted for UI. Use when creating animations, transitions, micro-interactions, loading states, page transitions, scroll-triggered effects…

not rated 1.5k +66 3mo ago A 82 tokens original MIT

accessibility

102

microsoft/hve-core

Skill Claude CodeCodex ✓ vendor

Consolidated accessibility skill entrypoint for WCAG 2.2, ARIA Authoring Practices, cognitive accessibility, Section 508, EN 301 549, design intent verification, and the Accessibility Planner workflow.

not rated 1.4k +21 changed 3d ago A 47 tokens original MIT

icebird1998/drawio-scientific-illustrator

Skill Claude CodeCodex

Recreate, trace, revise, inspect, or export static scientific figures and schematic illustrations live inside the visible draw.io desktop canvas through draw.io's own graph API. Use when the user wants to watch an MCP draw a reference figure step by step in draw.io, explicitly rejects XML-first generation or…

not rated 1.4k +9 1mo ago A 118 tokens original MIT

craftedwell-brand

104

https-deeplearning-ai/sc-agent-skills-files

Skill Claude CodeCodex

CraftedWell brand guidelines for presentations and documents. Use this skill whenever creating or styling documents (docx, pdf) or presentations (pptx) for CraftedWell. Apply warm, artisanal aesthetic with chocolate/caramel color palette, Georgia headings, and Arial body text.

not rated 1.4k +5 2mo ago A 60 tokens

better-icons

106

better-auth/better-icons

Skill Claude CodeCodex

Use when working with icons in any project. Provides CLI for searching 200+ icon libraries (Iconify) and retrieving SVGs. Commands: better-icons search to find icons, better-icons get to get SVG. Also available as MCP server for AI agents.

not rated 1.3k +2 5mo ago A 63 tokens original MIT

wcag22-a11y-audit

107

AIPexStudio/AIPex

Skill Claude CodeCodex

WCAG 2.2 Accessibility Audit skill that systematically evaluates web pages against 8 core Success Criteria (1.1.1, 1.4.3, 1.4.11, 2.1.1, 2.1.2, 2.4.3, 2.4.7, 4.1.2) using accessibility tree inspection and visual analysis. Use this skill when you need to perform accessibility testing/auditing on a live webpage.

not rated 1.3k +1 10d ago A 111 tokens original MIT

dynamic-archify

108

Unclecheng-li/AI_Animation

Skill Claude CodeCodex

Create professional architecture, workflow, sequence, data-flow, and lifecycle/state diagrams as standalone animated HTML files with SVG graphics, flowing animation effects, a built-in dark/light theme toggle, and one-click export to PNG / JPEG / WebP / SVG / GIF / WebM. Accepts plain-language descriptions or pasted…

not rated 1.2k +11 5d ago A 163 tokens original MIT

userinterface-wiki

109

open-gsd/gsd-pi

Skill Claude CodeCodex

UI/UX best practices for web interfaces. Use when reviewing animations, CSS, audio, typography, UX patterns, prefetching, or icon implementations. Covers 11 categories from animation principles to typography. Outputs file:line findings.

not rated 1.2k +17 today A 52 tokens original MIT

hugeicons

110

hugeicons/hugeicons

Skill Claude CodeCodex

Use and find Hugeicons icons in any framework — React, Vue, Svelte, Angular, React Native, and Flutter. Covers installation, rendering, props, icon naming, and the full icon catalog. Use whenever a project depends on @hugeicons/, @hugeicons-pro/, or the Flutter hugeicons package and you need to add, render, or pick an…

not rated 1.2k +5 9d ago A 83 tokens

paint

112

Jwuthri/Tracely-ai

Skill Claude CodeCodex

Paint a complete visual universe with genjutsu - art direction brainstorm, design system, implementation, audit. Anti-AI-slop design pipeline. Adapts to Web, Android (Compose), Apple (SwiftUI).

not rated 1.2k +25 today A 46 tokens original MIT

xxd-color-brief

113

nevertoday/zhongguo-traditional-colors

Skill Claude CodeCodex

Turn vague visual direction into a practical Chinese traditional color brief. Use when a user has mood words, client feedback, audience positioning, references, or an unclear Chinese traditional color direction that must become palette constraints before choosing colors.

not rated 1.2k +9 5d ago A 50 tokens original GPL-3.0

pretty-mermaid

114

imxv/Pretty-mermaid-skills

Skill Claude CodeCodex

Generate and render Mermaid diagrams for architecture docs, READMEs, PRs, terminals, chats, and CI as themed SVG, PNG, or ASCII/Unicode art. Use this skill whenever the user provides Mermaid code or .mmd files; asks for a flowchart, sequence/state/class diagram, ERD, XY chart, or architecture/workflow/data-model…

not rated 1.2k +15 13d ago A 121 tokens original MIT

joeseesun/qiaomu-mondo-poster-design

Skill Claude CodeCodex

An AI image-design skill for creating posters, book covers, album covers, and similar artwork in a Mondo-inspired style. It can produce image prompts and generate designs in formats such as posters, social-media images, and covers.

not rated 1.2k +21 5mo ago B 247 tokens copy · 98% MIT

vision-skills

116

Anionex/agent-vision-toolkit

Skill Claude CodeCodex

Local vision CLIs: glance (describe/ask/OCR an image), ground (locate a target, pixel box), detect (element inventory), trace (image to SVG geometry), crop (cut a pixel box to a file), and scripts/htmlshot.py (HTML file to image). Use for any task involving an image — questions, text, splitting and transcribing long…

not rated 1.2k +17 9d ago A 132 tokens original MIT

asd-ste100

117

PostHog/posthog.com

Agent

Use when English text must be parsed without a human to resolve ambiguity — tool descriptions, error messages, inter-agent instructions, system prompts, status reports — and misreading has a real cost, or when text reads as dense, hedged, or easy to misparse. Triggers: disambiguate, STE100 rewrite, apply Simplified…

not rated 1.1k +3 today A 99 tokens

a2ui-generation

118

AGenUI/AGenUI

Skill Claude CodeCodex

Design and generate A2UI updateComponents and updateDataModel payloads for three modes (DTO component, non-DTO component, non-DTO page). Use when asked to create or refine A2UI cards, components, or pages from DTO/JSON/business data, generate Python transformer code for DTO-driven components, iterate on existing A2UI…

not rated 1.1k +3 today A 147 tokens original Apache-2.0

KroMiose/nekro-agent

Cursor rule Cursor

Frontend theme-system rules for NekroAgent, covering the theme architecture, core file structure, design principles, and usage guidance. A theme system controls shared visual choices such as colors, typography, and layouts.

not rated 1.1k +3 9d ago A 6,881 tokens

kill-ai-slop

120

yetone/kill-ai-slop

Skill Claude CodeCodex

Find and remove AI slop — the generic, machine-default visual and copy tics of vibe-coded products — from a web project. Use when the user asks to "kill AI slop", "de-slop", "remove the AI look", "make this not look AI-generated", or clean up a landing page / UI / docs that feels templated. Detects and fixes the…

not rated 1.1k +14 1mo ago A 249 tokens original Apache-2.0

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: