Design and UX

18,967 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.

Kiranism/next-shadcn-dashboard-starter

Skill Claude CodeCodex needs its repo

Guide for building features, pages, tables, forms, themes, and navigation in this Next.js 16 shadcn dashboard template. Use this skill whenever the user wants to add a new page, create a feature module, build a data table, add a form, configure navigation items, add a theme, set up RBAC access control, or work with…

not rated 7.2k +27 changed 2d ago A SkillSpector: pass 142 tokens original MIT

TalkToFigma

50

grab/cursor-talk-to-figma-mcp

MCP server Claude CodeCodexCursor +2

Cursor Talk to Figma MCP. Runs locally from the cursor-talk-to-figma-mcp npm package.

not rated 7.1k +9 3mo ago A tokens not measured original MIT

preline-mcp

52

htmlstreamofficial/preline

Skill Codex

Add, integrate, or build Preline UI components and blocks into HTML files via the Preline MCP server. Use when the user mentions "preline", says "/preline", asks to add a UI component, or requests a Preline block (a ready-made page section) using Preline UI.

not rated 6.5k +6 2mo ago A SkillSpector: warn 66 tokens

swiftui-pro

53

twostraws/SwiftUI-Agent-Skill

Plugin Claude Code

Bundles 1 skill · 36 tokens together

Reviews SwiftUI code for best practices on modern APIs, maintainability, and performance.

not rated 6.5k +65 11d ago A tokens not measured copy · 94% MIT

ip-as-logo

54

s1dashu/ip-as-logo-skill

Skill Claude CodeCodex

Generate extremely simple, cute, personified square character images with rounded heavy forms, two purposeful character colors, one solid background color, and a dominant lower-left composition. Use when creating an animal, creature, robot, ghost, plant, object, or other character image, including when the agent…

not rated 6.4k +124 changed 6d ago A 77 tokens original MIT

21st

55

21st-dev/magic-mcp

Plugin Claude Code

Bundles 1 skill, 1 MCP server · 63 tokens together

Find UI components and themes, retrieve their code, and use hosted 21st AI when enabled.

not rated 6.4k +70 changed 1mo ago A tokens not measured original ISC

slides

56

KunAgent/Kun

Skill Claude CodeCodex

Create, revise, review, and export native, editable PowerPoint decks from PPTD source in the main conversation.

not rated 6.4k +57 changed 11d ago A SkillSpector: pass 25 tokens

openscreen-design

57

getopenscreen/openscreen

Skill Claude Code

Use this skill to generate well-branded interfaces and assets for OpenScreen (an AI-native screen-recording studio & video editor), either for production or throwaway prototypes/mocks/etc. Contains essential design guidelines, colors, type, fonts, assets, and UI kit components for prototyping.

not rated 6.3k +1.1k changed 1mo ago A SkillSpector: pass 62 tokens original MIT

claude-dashboard

58

JimLiu/baoyu-design

Skill Claude CodeCodex

Use this for a local, data-backed dashboard, metrics page, KPI tracker, scorecard, data visualization or recurring report that opens in the bundled live editor: a page or scroll story of charts, numbers and tables over datasets (a CSV/TSV/JSON file the user has, or data you gather and attach), with a Sources panel…

not rated 6.1k +659 changed today A 132 tokens original

refine-live

59

Jakubantalik/transitions.dev

Skill Claude CodeCodex

In-chat fallback for the Timeline Inspector Refine agent. Use when the user runs /refine live, asks to "refine live", "go live", or answer refine jobs — but ONLY when no persistent agent is wired (no npx transitions-refine live). Prefer npx transitions-refine live for run-and-forget (relay spawns agent per click, no…

not rated 6.1k +125 8d ago A SkillSpector: warn 103 tokens

ZzzLc0405/photo-abstract-editorial

Skill Codex

Create a clean, vertical editorial artwork that preserves an uploaded photograph as the original image and pairs it with a restrained, photo-derived abstract memory panel and poetic English title. Use when asked to transform a photo into an abstract editorial diptych, photo-plus-abstraction composition, visual memory…

not rated 6.1k +40 2mo ago A 77 tokens

EverMind-AI/Raven

Skill Claude CodeCodex

Design and build a deck as a python-pptx program: your own layout system, the source's own figures, charts you draw, and a template's design when the user gave one.

not rated 6.0k +126 changed 1mo ago A 44 tokens original Apache-2.0

design

62

AgentOps-AI/agentops

Cursor rule Cursor

All tasks related to updating frontend components, CSS, and general styling.

not rated 6.0k +21 4mo ago A 13 tokens original MIT

interface-design

63

Dammyjay93/interface-design

Plugin Claude Code

Bundles 1 skill, 2 commands · 170 tokens together

Design engineering for Claude Code. Build production-grade interfaces with strong visual hierarchy, review craft against an approval bar, and strip AI design slop. Self-contained — direction, hierarchy, tokens, polish, and motion in one skill.

not rated 5.9k +47 4mo ago A tokens not measured original MIT

drawio

64

jgraph/drawio-mcp

Skill Claude CodeCodex

Always use when user asks to create, generate, draw, or design a diagram, flowchart, architecture diagram, ER diagram, sequence diagram, class diagram, network diagram, mockup, wireframe, or UI sketch, or mentions draw.io, drawio, drawoi, .drawio files, or diagram export to PNG/SVG/PDF. Exception: in a chat that shows…

not rated 5.8k +37 changed 10d ago A Socket: passSnyk: warn 160 tokens original Apache-2.0

cloudflare/vibesdk

Skill Claude CodeCodex ✓ vendor

Marketing landing page and conversion-focused product page reference. Use this skill when building hero sections, feature grids, pricing pages, testimonials, CTAs, footers, navigation bars, or any public-facing marketing surface. Covers a warm, professional, developer-friendly design language (cream backgrounds…

not rated 5.5k +16 15d ago A SkillSpector: warn 106 tokens original MIT

benjitaylor/agentation

Skill Claude Code

Autonomous design critique mode using the Agentation annotation toolbar. Use when the user asks to "critique this page," "add design annotations," "review the UI," "self-driving mode," "auto-annotate," or wants an AI agent to autonomously add design feedback annotations to a web page via the browser. Requires the…

not rated 5.3k +126 changed 1mo ago A Socket: passSnyk: warn 90 tokens

excalidraw-diagram

67

coleam00/excalidraw-diagram-skill

Skill Claude CodeCodex

Create Excalidraw diagram JSON files that make visual arguments. Use when the user wants to visualize workflows, architectures, or concepts.

not rated 5.2k +57 8mo ago B 34 tokens

appllama

68

Appllama/appllama-skills

Plugin Claude Code

Bundles 2 skills, 1 MCP server · 308 tokens together

Appllama MCP for mobile design research: search top-grossing mobile apps, walk their screens, study onboarding and paywalls, then build from what wins.

not rated 4.9k +1.1k changed 2mo ago A tokens not measured original MIT

frame-bold-poster

69

nexu-io/html-video

Skill Claude CodeCodex

A 1970s European editorial poster in motion — a red rule draws across, a giant tilted figure drops in, a three-line headline rises line-by-line, an italic serif standfirst fades.

not rated 4.8k +25 4mo ago A SkillSpector: pass 45 tokens original Apache-2.0

designlang

70

Manavarya09/design-extract

Plugin Claude Code

Bundles 2 skills, 14 commands · 628 tokens together

Extract any website's design language and ship it. Fourteen slash commands — /extract, /site, /grade, /battle, /remix, /pack, /theme-swap, /brand, /pair, /studio, /verify, /fidelity, /gallery, /dna — wrap the designlang CLI to pull DTCG tokens, Tailwind/shadcn/Figma vars, motion + voice, synthesize a whole-site…

not rated 4.8k +354 changed yesterday A tokens not measured original MIT

agentation

71

latitude-dev/latitude-llm

MCP server Claude CodeCodexCursor +2

MCP server for Agentation - visual feedback for AI coding agents. Runs locally from the agentation-mcp npm package.

not rated 4.7k +4 2d ago A Socket: warn tokens not measured original MIT

nateherk-design

72

nateherkai/scroll-craft

Plugin Claude Code

Bundles 1 skill · 177 tokens together

Design and build skills from Nate Herk. Ships scroll-craft: premium scroll-driven interactive landing pages, built on a full design floor (typography, spacing, colour, depth, motion, accessibility) rather than on an animation library.

not rated 4.6k +320 changed 1mo ago A tokens not measured 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: