Design and UX skills

13,357 tagged Design and UX, measured the same way as everything else here.

Browse within: design-system 166agentic-ai 157agentic 152ai-tools 131skills 128ai-design 112byok 106agent 102desktop-app 93coding-agents 91ai-ppt 88ai-ppt-generator 87aippt 87html-ppt 87

a2ui-author

721

danielwpz/lark-a2ui-renderer

Skill Claude CodeCodex

Generate, validate, and interpret static A2UI v0.8 JSON for interactive UI surfaces. Use when an agent needs to call publisha2ui, author A2UI messages, check whether generated A2UI JSON is valid, or handle normalized userAction replies from interactive UI callbacks.

not rated 11 4mo ago A 64 tokens copy · 100% MIT

claude-design-style

722

catyiqian/claude-design-style

Skill Claude CodeCodex

Apply Anthropic/Claude's official visual design language to any creative output. Use this skill whenever the user asks to create content 'in Claude style', 'Anthropic style', 'Claude aesthetic', or wants a design that matches Claude's brand identity. This includes: web pages, landing pages, HTML artifacts, React…

not rated 11 5mo ago A 177 tokens

ui-styles

723

chrzamz/ui-styles-skill

Skill Claude CodeCodex

An offline library of 79 UI style families, with prompts in Chinese and English. It covers styles such as glassmorphism, vaporwave, bento grids, and minimalism.

not rated 11 +1 1mo ago A 114 tokens

frontend-design

724

victorzhong0110/skill-evolution

Skill Claude CodeCodex

Produce a distinctive, subject-grounded UI plan and implementation notes. Use when the user asks for a new page, landing, dashboard, or restyle — including requests that never say "design system" but clearly need visual direction.

not rated 11 +1 6d ago A 49 tokens original MIT

shuai-cover-resize

725

qizong007/shuai-cover-resize

Skill Codex

An image-resizing tool that rebuilds one cover image for different shapes and platforms while preserving its text, subject, key objects, and visual style.

not rated 11 +1 16d ago A SkillSpector: pass 139 tokens original MIT

lucid-ui

726

Deepractice/UIX

Skill Claude CodeCodex

Professional UI design system that replaces generic AI aesthetics (purple gradients, neon colors) with intentional, distinctive design. Use this skill whenever generating frontend UI, web pages, landing pages, dashboards, or any visual interface. Provides concrete color palettes, typography rules, spacing systems, and…

not rated 11 +1 6mo ago A 76 tokens original MIT

design-md-generator

727

jasonhnd/design-md-generator

Skill Claude CodeCodex

Generate publication-quality DESIGN.md v2 files from any website URL. Analyzes CSS, typography, colors, components, layout, content, accessibility, state patterns, and iconography to produce a 17-section design system reference that AI agents can use to reproduce the website's visual style. Use when the user wants to…

not rated 11 4mo ago C 90 tokens original MIT

openscad-bosl2

728

swh/openscad-skill

Skill Claude CodeCodex

Write or edit OpenSCAD (.scad) files using the BOSL2 library. Use whenever the user is designing a 3D-printable part — jigs, holders, brackets, enclosures, fixtures, household items — and the file is OpenSCAD. Covers the user's house style (BOSL2 idioms, anchors, epsilon/layerheight baselines, Customizer parameters)…

not rated 11 +1 1mo ago C 99 tokens

edrawmax-diagram

729

wondershare-boop/edrawmax-skills

Skill Claude CodeCodex needs its repo

A tool for creating flowcharts, infographics, Gantt charts, and mind maps from natural-language descriptions. EdrawMax is a diagram-making service that returns image files and source code.

not rated 11 6mo ago A 122 tokens original MIT

ui-framework

730

wangjianqi/AppStore

Skill Claude CodeCodex

A set of rules for building iOS interfaces with UIKit, Apple's interface framework. It defines choices for layout, navigation, colors, fonts, dark mode, keyboard handling, and related views.

not rated 11 3mo ago A 36 tokens original MIT

create-an-asset

731

giadaf-boosha/claude-code

Skill Claude CodeCodex

Generate tailored sales assets (landing pages, decks, one-pagers, workflow demos) from your deal context. Describe your prospect, audience, and goal — get a polished, branded asset ready to share with customers.

not rated 11 +1 today A 48 tokens

frontend-design

732

qinye6/pi-ccg

Skill Claude CodeCodex

Frontend design skill fused from Impeccable + custom extensions. Covers design philosophy, anti-AI-slop patterns, typography, color (OKLCH), spatial design, motion, interaction, responsive, UX writing, state management, engineering, and 4 style variants. Includes 20 command skills for audit/critique/polish/animate/etc.

not rated 10 18d ago A SkillSpector: pass 75 tokens original MIT

senior-designer

733

sshahzaiib/senior-designer-skill

Skill Claude CodeCodex

Act as an evidence-based senior product designer for any UI/app design or build task. Use this skill whenever the user wants to design or build an app, screen, page, component, landing page, dashboard, onboarding flow, or any user interface — web or native iOS (SwiftUI) — even if they only say "build me X" without…

not rated 10 2mo ago A 158 tokens original MIT

doksam-ui

734

LeeYudok/doksam-skills

Skill Codex

A UI implementation guide for the doksam project, based on the component catalog and design rules at ui.doksam.com. It defines approved design tokens, brand profiles, components, and checks for following those standards.

not rated 10 20d ago A SkillSpector: warn 245 tokens original MIT

impeccable

735

Anmol-Srv/sigil

Skill Claude Code needs its repo

Use when the user wants to design, redesign, shape, critique, audit, polish, clarify, distill, harden, optimize, adapt, animate, colorize, extract, or otherwise improve a frontend interface. Covers websites, landing pages, dashboards, product UI, app shells, components, forms, settings, onboarding, and empty states.…

not rated 10 16d ago A 189 tokens copy · 100% MIT

creating-figures

736

isomoes/skills

Skill Claude CodeCodex

Creates publication-quality scientific figures for academic papers using TikZ. Use when creating block diagrams, system architectures, flowcharts, or technical illustrations for papers and theses. Always render a temporary PNG/JPG preview and self-verify visual quality before finalizing figure files.

not rated 10 4mo ago A 57 tokens original MIT

ui-ux-pro-max

737

Rayenbabdallah/GetMCP

Skill Claude CodeCodex

UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 9 stacks.

not rated 10 3mo ago B 34 tokens copy · 89% Apache-2.0

emil-design-eng

738

square-story/blipko

Skill Claude CodeCodex

This skill encodes Emil Kowalski's philosophy on UI polish, component design, animation decisions, and the invisible details that make software feel great.

not rated 10 2d ago A 35 tokens copy · 92% MIT

design-system-library

739

aaldere1/awesome-design-systems

Skill Claude CodeCodex

Reference library of 58 world-class design systems from companies like Linear, Stripe, Vercel, Apple, Notion, Spotify, and more. Use when designing UI components, choosing visual direction, implementing design tokens, or when asked to match a specific company's design aesthetic. Each reference includes typography…

not rated 10 2mo ago A 93 tokens

design-review

740

vltansky/skills

Skill Claude CodeCodex

Designer's eye visual audit of a live site — finds typography issues, spacing violations, AI slop patterns, hierarchy problems, interaction state gaps — then fixes them with atomic commits and before/after screenshots. Use when asked to 'audit the design', 'visual QA', 'design polish', 'does this look good', 'check…

not rated 10 3mo ago A 98 tokens

brand.openbricks-4.0

741

Kylrix/kylrix

Skill Claude CodeCodex

Core principles, tactile patterns, and anti-SaaS upgrade rules for OpenBricks 4.0. Use when designing or upgrading drawers, overlays, action panels, and input surfaces.

not rated 10 changed 3d ago A 47 tokens

expo-liquid-glass

742

devanshuDesai/agent-skills

Skill Claude CodeCodex

Design and implement beautiful, fluid Liquid Glass interfaces in Expo React Native apps. Covers four paths: (1) expo-glass-effect for UIKit-backed glass surfaces, (2) @expo/ui SwiftUI integration for native SwiftUI glass modifiers and advanced transitions, (3) Expo Router unstable native tabs for system Liquid Glass…

not rated 10 7mo ago A Socket: passSnyk: pass 165 tokens original MIT

zotero-cat-design

743

Zotero-Cat/Zotero-Cat

Skill Claude Code

Use this skill to generate well-branded interfaces and assets for Zotero-Cat (an open-source Zotero plugin + bilingual marketing site), either for production or throwaway prototypes/mocks/etc. Contains essential design guidelines, colors, type, fonts, assets, and UI kit components for prototyping.

not rated 10 3mo ago A 66 tokens AGPL-3.0

sdd-design

744

TaylorHuston/sdd-skills

Skill Codex

Plan or revise experience-design readiness for a UI-bearing SDD Change. Use /sdd-design --plan after Change planning to converge unresolved flow, responsive, component/state, accessibility, or visual direction before implementation, and /sdd-design --revise when candidate-bound implementation, review, comparison, or…

not rated 10 changed 7d ago A 118 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: