Design and UX

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.

preview-design

289

egregore-labs/egregore

Skill Claude Code

Render a real artifact through this branch's local MERIDIAN design code (not the published npm package) so the team can test the new Design Convention on the document / handoff / platform surfaces before it ships. Use for /preview-design, "preview the design convention", "render this with the new design", or Design…

not rated 293 8d ago A SkillSpector: warn 71 tokens original MIT

brand-docs

290

ferdinandobons/brand-docs

Plugin Claude Code

Bundles 3 skills, 4 commands · 426 tokens together

AI on-brand document generator for Claude Code & Codex: turn a company's Word, PowerPoint or Excel template into unlimited on-brand .docx/.pptx/.xlsx. Extracts a reusable Brand Profile once - off-brand output impossible by construction. Skills: brand-docx, brand-pptx, brand-xlsx.

not rated 291 +1 3mo ago A tokens not measured original MIT

ark-ui

291

Brandon030722/ark-ui-skill

Skill Codex

Design, implement, audit, or refactor web and game-adjacent interfaces using an evidence-based Hypergryph visual language with two independent choices: product family and application depth (1 minimal, 2 moderate, 3 complex, 4 maximal). Use for Hypergryph-, Arknights-, Endfield-, Rhodes Island-, industrial sci-fi-…

not rated 291 +2 3mo ago A 127 tokens

design-deck

292

nicobailon/pi-design-deck

Skill Claude CodeCodex

Show side-by-side visual options (UI mockups, architecture diagrams, code patterns, images) in a deck and collect the user's picks with designdeck. Use for decisions that are easier to see than read, including plan/PRD reviews and generate-more requests from an open deck. Text-only choices go to interview.

not rated 290 +2 changed 11d ago A 69 tokens

frontend-design-pro

293

claudekit/frontend-design-pro-demo

Plugin Claude Code

Bundles 1 skill · 52 tokens together

Creates jaw-dropping, production-ready frontend interfaces AND delivers perfectly matched real photos (Unsplash/Pexels direct links) OR flawless custom image-generation prompts for hero images, backgrounds, and illustrations. Zero AI slop, zero fake URLs.

not rated 282 +2 11mo ago A tokens not measured

cover-design-open

294

hongfamonvAI/oh-my-cover-design

Skill Claude CodeCodex

A cover-design prompt guide for Chinese public-account and Xiaohongshu posts. It offers ten composition styles, a person on camera, and layouts for combining a face reference with interface screenshots or product images.

not rated 281 +3 5mo ago A 80 tokens

layout-patterns

295

SAP/fundamental-styles

Skill Claude CodeCodex ✓ vendor

Common UI layout patterns using fundamental-styles - login forms, dashboards, master-detail, wizards, and more.

not rated 280 yesterday A SkillSpector: warn 26 tokens original Apache-2.0

perfect-web-clone

296

ericshang98/Perfect-Web-Clone

Skill Claude CodeCodex

Reproduce a live website from its URL as a clean, deployable Vite + React project by running the complete agent-driven Perfect Web Clone harness: capture source evidence, plan the full page, author every section, implement common interactions, build, compare, repair, and hand the measured result to the user for…

not rated 279 +1 2mo ago A SkillSpector: pass 134 tokens original MIT

oklch-skill

297

jakubkrehel/oklch-skill

Skill Claude CodeCodex

OKLCH color space for web projects. Convert hex/rgb/hsl to oklch, generate palettes, check contrast, handle gamut boundaries, and theme with Tailwind v4. Triggers on oklch, color conversion, palette generation, contrast ratio, gamut, display p3, design tokens, hue drift, chroma, dark mode colors.

not rated 279 +6 1mo ago A Socket: passSnyk: pass 79 tokens original MIT

hopechen067/china-antique-maplibre

Skill Codex

China antique parchment MapLibre map engine with configurable basemap, Terrarium hillshade, optional user-supplied water overlay, live tuner page, and tiered settlement extrusions for HyperFrames historical videos.

not rated 278 2mo ago A SkillSpector: pass 48 tokens original MIT

AkoliteZA/hermes-agent-idea-workflow

Skill Claude CodeCodex

Use when running the full idea workflow: capture a rough idea, expand it into design/UI/implementation docs, research similar products, and generate build-ready Markdown artifacts.

not rated 275 +1 6mo ago A 38 tokens original MIT

frontend-design

300

Qiao-920/claude-desktop-cn

Skill Claude CodeCodex

Design principles and component patterns for building polished web UIs, games, and interactive HTML/CSS/JS projects. Use when creating websites, web apps, browser games, or any frontend project.

not rated 270 +1 5mo ago A 42 tokens

stevenflanagan1/social-ai-team

Skill Claude CodeCodex

Creative Designer skill. Takes a post concept, a client product photo, or a real lifestyle photo and produces on-brand social media visuals using the client's brand style guide. Four modes — Generate (AI image from concept), Composite (client product photo anchored in an AI-generated scene), Brand (apply text overlay…

not rated 270 +6 1mo ago A 114 tokens

extract-design-system

302

arvindrk/extract-design-system

Skill Claude CodeCodex

Extract design primitives from a public website and generate starter token files for your project.

not rated 270 +3 2mo ago A Socket: passSnyk: warnSkillSpector: warn 20 tokens original MIT

ran

303

chaxus/ran

Plugin Claude Code

Bundles 3 skills · 97 tokens together

Design, build and verify products with portable design guidance and version-aware ranui and ranuts skills.

not rated 269 +1 yesterday A tokens not measured original MIT

przeprogramowani/ai-rules-builder

Cursor rule Cursor

Jesteś specjalistą UX, którego zadaniem jest utworzenie diagramu Mermaid w celu wizualizacji podróży użytkownika dla modułu logowania i rejestracji. Diagram powinien zostać utworzony w następującym pliku: DESTINATION.

not rated 267 +2 8mo ago A 0 tokens AGPL-3.0

opendesign

305

manalkaff/opendesign

Plugin Claude Code

Bundles 10 skills · 450 tokens together

Open-source, skills-based version of Claude Design (claude.ai/design) for Claude Code. HTML pages, slide decks, interactive prototypes, UI kits, and brand systems — with taste, context-matching, and anti-slop discipline.

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

tavern-ui

306

ai4rpg/tavern-cards

Skill Claude CodeCodex

A front-end development guide for building interfaces shown inside SillyTavern chat messages, using HTML, CSS, JavaScript, or Vue 3. It also covers message placeholders, MVU variable access, packaging, deployment, and local previews.

not rated 267 +3 changed 1mo ago A 114 tokens

ip-diagram-creator

307

haloshin/ip-diagram-creator

Skill Claude CodeCodex

A Chinese-language visual-content skill that turns user-provided personal material into a reusable simple hand-drawn character and content illustrations. It can guide prompts or create images when suitable image tools are available.

not rated 266 +2 4mo ago A 228 tokens original MIT

figma-ui-mcp

308

TranHoaiHung/figma-ui-mcp

MCP server Claude CodeCodexCursor +2

Bidirectional Figma MCP — AI draws UI on Figma canvas, reads designs back. Runs locally from the figma-ui-mcp npm package.

not rated 266 +1 11d ago A tokens not measured original MIT

clone-app-pat-pro

309

per-simmons/clone-app-pat-pro-public

Skill Claude Code

Clones any web app pixel-for-pixel from a URL. Runs as an IN-CONVERSATION workflow — the live Claude orchestrates Task sub-agents and drives the Claude Chrome extension to recon (every view), extract (computed styles = ground truth), design-spec, build, QA (computed-style assertions), and extend. Guided check-ins…

not rated 265 +1 5mo ago A 153 tokens

stylegallery-search

310

changeroa/StyleGallery

Skill Claude CodeCodex

Find and read StyleGallery guidance (layout patterns, recipes, motion, state management, platform guides, design terminology, expression) with the stylegallery CLI or the stylegallery-mcp search/read tools. Use when a UI task needs a layout pattern, recipe, or interaction contract and the right document is not already…

not rated 265 17d ago A 68 tokens

art-direct

311

divinevideo/divine-mobile

Skill Claude CodeCodex

Art direction for any content — reads text, PDF, Word, HTML, PPT, then proposes 2-3 creative directions with photography style, mood, and visual language. After selection, generates AI image prompts and visual briefs section-by-section. Use when the user shares content and needs visual direction, image sourcing, or…

not rated 264 +1 yesterday A SkillSpector: warn 73 tokens original MPL-2.0

antd

312

ant-design/ant-design-cli

Skill Claude Code needs its repo

Use when the user's task involves Ant Design (antd) — writing antd components, debugging antd issues, querying antd APIs/props/tokens/demos, migrating between antd versions, or analyzing antd usage in a project. Triggers on antd-related code, imports from 'antd', or explicit antd questions.

not rated 261 +1 2d ago A Socket: passSnyk: passSkillSpector: pass 69 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: