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.

ui-design-engineering

1681

ntaffzii/Skill-Agents

Skill Codex

Design, implement, harden, and review production-grade user interfaces for web apps, dashboards, SaaS products, admin tools, forms, and responsive frontend components. Use when building or improving UI/UX, translating Figma or requirements into code, styling React/Vue/Svelte/HTML views, reviewing frontend quality…

not rated 4 1mo ago A 115 tokens original MIT

nimbuu-ui-ux

1682

Haamiahphp/nimbuu-ui-ux

Skill Claude CodeCodex

Nimbuu UI/UX Skill. Logic-driven interface design distilled from Refactoring UI, Practical UI, and Fundamentals of Creating a Great UI/UX. Three uses. (1) ALWAYS when starting a new project, greenfield app, landing page, or prototype with no design system, no tokens, no brand kit, so spacing, type, colour, hierarchy…

not rated 4 2mo ago A 245 tokens original MIT

coding-coach

1683

xiehuan123/coding-coach

Plugin Claude Code

Bundles 35 skills · 2,038 tokens together

A collection of skills for non-developers who want to turn an idea into a launched product. It covers engineering, product work, interface design, writing, and deployment.

not rated 4 2mo ago A tokens not measured

vkm-design

1686

Vahlame/create-vkm-kit

Skill Claude Code

Professional, anti-generic design for REAL design work — a new surface, redesign, identity, dataviz, or critique. Forces a 3-line brief, live precedents (not this skill's menu), a named direction, computed checks, verified libraries. NOT for one-line tweaks or logic with no visible surface.

not rated 4 5d ago A 69 tokens

design-you-need

1687

fahadcr14/design-you-need

Skill Claude Code

Frontend design superpower for AI coders. Produces production-quality, non-slop frontends. Use PROACTIVELY when building, revamping, redesigning, or fixing any frontend UI — landing pages, SaaS, e-commerce, portfolios, dashboards, or any web interface. Detects and eliminates AI slop patterns.

not rated 4 6mo ago A 73 tokens

cursor

1688

7nohe/figdeck

Cursor rule Cursor

This repository is a figdeck (Markdown → Figma Slides) slide deck. AI agents should edit {{slidesPath}} using only Markdown syntax that figdeck supports.

not rated 4 10mo ago A 0 tokens original MIT

mac-assed-mac-app

1693

HunterHillegas/mac-assed-mac-app-skill

Skill Codex

Design, audit, and improve desktop macOS app UI: menus, windows, keyboard and selection behavior, native controls, UI text, and expressive identity. Use for AppKit, SwiftUI-on-Mac, Catalyst, or other Mac app surfaces; excludes iOS-only and web-only UI work.

not rated 4 changed 1mo ago A 67 tokens original MIT

pato-gonzalez/design-system-stack

Skill Claude CodeCodex

Applied workflow skill for producing Awwwards-caliber animated landing pages using Claude Design as the orchestrator, with motionsites.ai (animated backgrounds), higgsfield.io or Kling 3 (AI animation generation), Dribbble (component inspiration), shots.so (animation showcase/video edit), and land-book (landing page…

not rated 4 6mo ago A 157 tokens

myslide

1695

kyopark2014/agent-plugins

Skill Claude Code needs its repo

Create professional AWS-themed PowerPoint presentations with dark gradient backgrounds, AWS brand colors, and rich visual elements (SVG diagrams, architecture diagrams, icons). Uses the official AWS reInvent 2023 template design system. Supports creating from scratch, editing specific slides conversationally, and…

not rated 4 1mo ago A SkillSpector: pass 117 tokens original MIT

magic-patterns-mcp

1697

ryanleecode/magic-patterns-mcp

MCP server Claude CodeCodexCursor +2

A Model Context Protocol (MCP) server that provides tools for creating UI designs and components using the Magic Patterns API. This server enables AI assistants to generate React components, HTML/CSS layouts, and complete web interfaces through natural la. Runs locally from the magic-patterns-mcp npm package.

not rated 4 10mo ago A tokens not measured original MIT archived

atelier

1699

Mazalucas/El-DT-Lightweight-Army

Skill Claude Code needs its repo

Atelier design intelligence (El DT + Impeccable). Use for UI/UX design, craft, critique, audit, polish, anti-slop, tokens, decks, and frontend iteration. Invoke /atelier [target]. Covers landing, dashboard, product UI, components, motion, a11y, and design system alignment.

not rated 4 changed 1mo ago A 72 tokens original MIT

obsidian-canvas

1700

GradScalerTeam/claude_cli

Skill Claude CodeCodex

Reference skill for creating and editing Obsidian Canvas (.canvas) JSON files — the JSON 1.0 spec, node/edge shapes, positioning rules, color conventions, and Post-Write Verification Protocol. Use this skill whenever you need to present something visually on a canvas: mind maps, brainstorm boards, project planning…

not rated 4 4d ago A 142 tokens

claude-design-mode

1701

OkminLee/claude-design-mode

Plugin Claude Code

Bundles 1 skill, 1 agent · 88 tokens together

HTML/JSX design artifact creation with versioning, asset tracking, live preview, AI-slop verifier, starter components, in-page Tweaks panel, 5 sub-skills (deck, wireframe, make-tweakable, save-as-pdf, handoff), and helper scripts for pulling GitHub references and reading PNG/JPG dimensions.

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

kane313/flutter-figma-skills

Plugin Claude Code

Bundles 9 skills · 1,111 tokens together

Standardizes Flutter UI reproduction from Figma designs. Provides a main orchestrator skill (5-phase workflow) and tool skills for token alignment, layout translation, asset handling, state scaffolding, and pixel-level visual verification.

not rated 4 5mo ago A tokens not measured

frontend-design

1704

mager/frontend-design

Skill Claude CodeCodex

Frontend design skill that generates, restyles, and guides UI development in mager's actual design taste — concept-led interfaces that feel authored, tactile, expressive, and highly usable, spanning editorial warmth, bright modern product design, and high-contrast neon systems. Use this skill when building or…

not rated 4 6mo ago A 66 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: