Design and UX

17,770 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.

aesthetic-foundations

1105

caoxg/claude-skill-aesthetic-foundations

Skill Claude CodeCodex

Inject aesthetic principles from painting, photography, graphic design, and Eastern visual tradition into any visual/design decision. Use when reviewing UI/UX, making typography/color/layout/spacing choices, evaluating a screenshot, or when user asks "does this look good" / "how to improve this design" / "审美". Loads…

not rated 10 +1 4mo ago A 200 tokens original MIT

aka-kika/akakika-skills

Skill Claude CodeCodex

Use when designing, reviewing, or implementing a command-palette / ⌘K layer for an Apple-platform app — keyboard-first global search, ranked and grouped results, native floating panel, and protected destructive commands.

not rated 10 +1 changed 3d ago A SkillSpector: warn 50 tokens original MIT

phonebook

1108

stag-build/phonebook

MCP server Claude CodeCodexCursor +2

Storybook-style static gallery generated from Compose @Preview / SwiftUI #Preview screenshots. Runs locally from the @stag-build/phonebook npm package.

not rated 10 2d ago A tokens not measured original MIT

liquid-glass

1109

stormaref/LiquidGlassSkill

Plugin Claude Code

Bundles 1 skill · 69 tokens together

Apple-style liquid glass: frosted, refracting surfaces for web UI, with the rules that keep them from reading as gray boxes.

not rated 10 +2 28d ago A tokens not measured original MIT

ui-ux-scan

1110

Quality-Max/free-qa-skills

Skill Claude CodeCodex

Quick UI/UX deficiency scan of any page. Checks touch targets, contrast, font consistency, spacing issues, empty states, loading indicators, and common UX anti-patterns. Uses Playwright MCP only — no signup.

not rated 10 today A 50 tokens original Apache-2.0

forms-inputs-checkout

1111

hueyexe/frontend-agent-skills

Skill Claude CodeCodex

Use when designing, critiquing, or implementing forms, inputs, validation, checkout, registration, payment, or any data-entry flow.

not rated 10 +3 1mo ago A 34 tokens original MIT

draft-logo

1112

yamanidev/claude-code-configuration

Skill Claude Code

Workflow for drafting a logo mark for a side project or utility, producing a self-contained HTML gallery of 4–6 concept directions per round — each rendered in SVG at large, medium, and favicon sizes on both light and dark backgrounds. The user opens the gallery in a browser, picks favorites by short letter code, and…

not rated 9 1mo ago A 138 tokens original MIT

brandfetch

1113

Brandfetch/brandfetch-mcp-server

MCP server Claude CodeCodexCursor +2

MCP server "brandfetch", hosted remotely at mcp.brandfetch.io, as configured in Brandfetch/brandfetch-mcp-server.

not rated 9 3d ago A tokens not measured original MIT

stitch-design

1114

blockbloomer/claude-skill-stitch-design

Skill Claude CodeCodex

Automate high-fidelity UI prototyping with Google Stitch MCP. Use when the user needs to generate, iterate, or refine UI screens via Stitch prompts.

not rated 9 5mo ago B 35 tokens original MIT

tufte-viz

1115

HugoVeltorai/publicskills

Skill Claude CodeCodex

Design, build, and critique data visualizations using Edward Tufte's principles. Use this skill WHENEVER the work involves a chart, graph, plot, dashboard, table, diagram, or any visual display of data, even if the user does not name Tufte or "data viz" explicitly. Triggers include: (1) Building a new chart, graph…

not rated 9 3mo ago A 234 tokens original MIT

case-study

1116

scoobynko/case-study-skill

Skill Claude CodeCodex

Help designers and design engineers write portfolio case studies as markdown files. Use this skill whenever someone wants to write a case study, portfolio piece, project write-up, or craft essay about something they designed or built. Triggers on "case study," "portfolio piece," "write up what I built," "document this…

not rated 9 4mo ago A 161 tokens original MIT

Core-Mate/Pixel-Perfect-Web-Replica

Skill Claude CodeCodex

Recreate public frontend pages locally with high visual fidelity. Use when the user asks Codex or Claude Code to pixel-perfect clone, mirror, study, sandbox, reproduce, or locally run a public website/page; capture its static assets; preserve layout, scroll animations, media, typography, and interactions; compare…

not rated 9 4mo ago A 81 tokens original MIT

elix-scroll-3d

1119

ElixIsmael/elix-scroll-3d

Skill Claude CodeCodex

Build scroll-driven 3D web experiences that stay fast, indexable, and genuinely usable on mid-range phones. Use when the work involves scroll animation, parallax 3D effects, a Three.js scene, a GLTF or GLB model on a page, scrollytelling, a product page with 3D rotation, an animated hero, GSAP ScrollTrigger…

not rated 9 17d ago A 143 tokens original MIT

figma-ios-playbook

1121

mythkiven/figma-ios-codegen

Skill Cursor needs its repo

Entry point for Figma → iOS UIKit/Swift code in this repo. Three-phase workflow: phase 1 runs figma-ios-preload-data to produce a unified data package; phase 2 (this playbook) consumes it via linked specialized skills (MK tokens, iOS 12, node conventions, SnapKit layout) to emit baseline UI code — visual/layout…

not rated 9 2mo ago A 158 tokens original MIT

refactor-ui

1122

nyldn/claude-dolphin

Command Claude Code

Apply tactical UI improvements using Refactoring UI principles.

not rated 9 20d ago A 9 tokens original MIT

gauravs19/enterprise-architecture-skill

Plugin Claude Code

Bundles 1 skill · 257 tokens together

Unified enterprise & software architecture skill: C4 + Structurizr DSL, ArchiMate 3.x, TOGAF ADM, and arc42 + ADRs. Four modes — diagram (diagrams-as-code), document (arc42 + ADRs), review (ISO/IEC 25010 assessment), and model the enterprise (capability → application → technology).

not rated 9 1mo ago A tokens not measured original MIT

designbrief

1124

Heiberg-Industries/designbrief

Skill Claude CodeCodex

A library of UI design direction files that provide style guardrails for building tasteful, consistent interfaces. Use when building any UI — select a style or let the AI recommend one based on the project context.

not rated 9 6mo ago A 43 tokens original MIT

alphaparkinc/kyoto-design-philosophy

Skill Claude CodeCodex

Apply the Kyoto Design Philosophy to GenPark product decisions, agent behavior, and skill architecture. Encodes the aesthetic principles of Ma (negative space), Shu-Ha-Ri (mastery progression), and Ichigo Ichie (singular presence) — the same principles that shaped Steve Jobs, Evan Zhao, Simon Last, and Boris Cheny.…

not rated 9 4mo ago A 97 tokens

plan-visualizer

1127

omril321/claude-plan-visualizer

Plugin Claude Code

Bundles 1 agent · 88 tokens together

Generates self-contained HTML visualizations from markdown implementation plans showing BEFORE/AFTER architecture, diff-marked components, key decisions, and risks.

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

presentation-chef

1128

sacredvoid/presentation-chef

Plugin Claude Code

Bundles 1 skill · 52 tokens together

Convert any content into stunning Apple Keynote-style HTML presentations. Cinematic animations, glassmorphism, ambient effects, and premium design — all in a single self-contained .html file.

not rated 9 6mo 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: