shadcn
1897MCP server Claude CodeCodexCursor +2
Add components to your apps. Runs locally from the shadcn npm package.
not rated 2 today A
tokens not measured
copy · 100% MIT
frontend-design
1898raisiqueira/claude-code-plugins
Plugin Claude Code
Bundles 1 skill · 43 tokens together
Create distinctive, production-grade frontend interfaces with high design quality. Generates creative, polished code that avoids generic AI aesthetics.
not rated 2 8mo ago A
tokens not measured
drawio
1899shaynemeyer/claude-code-awesomeness
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.
not rated 2 16d ago A 75 tokens
flow.design
1900billbuchanan-code/claude-code-power-setup
Skill Claude Code
Create all design artifacts (discovery, spec, plan, tasks, checklists) in one command with inline clarifications.
not rated 2 1mo ago A 25 tokens
original MIT
upstage-doc-format
1901NerdKimms/Upstage-doc-format-cowork-plugins
Plugin Claude Code
Bundles 1 skill · 177 tokens together
Generate documents in Upstage's official corporate design format. Supports DOCX, HTML, and Markdown output with branded headers, typography, and table styling.
not rated 2 5mo ago A
tokens not measured
original MIT
liquid-glass
1902Skill Claude Code
Apply Apple's Liquid Glass design language to navigation and controls using current SwiftUI or lower-level platform APIs. Use for glass effects, floating controls, toolbars, tab bars, and Liquid Glass design reviews.
not rated 2
changed 8d ago A 45 tokens
wp-org-assets
1903Skill Claude CodeCodex
A skill for creating WordPress.org plugin icons and banner images that follow Tarosky brand guidelines. WordPress.org is the directory where WordPress plugins are published.
not rated 2 2mo ago A 77 tokens
design
1904Skill Claude CodeCodex
Design any visual output — websites, landing pages, SaaS apps, dashboards, documents, reports, presentations, posters, infographics, or any UI/layout/typography/color work. Use when the user asks to build, design, style, or create anything visual, even if they don't explicitly say "design." Also use for visual…
not rated 2 4d ago A 82 tokens
original MIT
GuilhemBusset/agentic-or-workshop
Skill Codex
Standardize repository HTML pages to a shared Atom One Dark visual system. Use when asked to align look and feel across multiple HTML files, generate per-page UI component guidelines, apply a consistent theme stylesheet, and verify compliance across all HTML labs.
not rated 2 6mo ago A 56 tokens
original MIT
storybook
1906Skill Claude CodeCodex needs its repo
Storybook is the fidelity oracle, not the runtime. The converter bundles the package's compiled dist/ into dsbundle.js — the same bundle the claude.ai/design agent builds with — and generates each preview by compiling the story source module itself (hooks, fixtures, local helpers — the whole closure comes along), with…
not rated 2 1mo ago A 0 tokens
original MIT
pto-design-system
1907yinyucheng0601/pto-design-system
Skill Claude CodeCodex
A set of rules for building or changing PTO pages with shared layouts, design tokens, components, and patterns. A design system is a reusable collection of interface rules and building blocks.
not rated 2 2d ago A 64 tokens
pre-design
1908Skill Claude CodeCodex
A preparation process for visual design work. It asks about the medium, audience, tone, brand, size, and constraints, then helps choose a visual direction before work begins.
not rated 2 4mo ago A 202 tokens
original MIT
etsy-digital-studio
1909Skill Claude CodeCodex
Autonomous design studio for creating and selling premium digital products (UI kits, Figma templates, dashboard designs, design systems, component libraries) on marketplaces like Etsy, Gumroad, and Creative Market. Activate when the user wants to: CREATE a sellable digital design product, RESEARCH a marketplace niche…
not rated 2 3mo ago A 181 tokens
original MIT
mozinator/code-agents-for-shadcn
Agent Claude Code
Expert in WCAG guidelines, ARIA patterns, keyboard navigation, screen reader compatibility, color contrast requirements, and how Radix UI primitives provide accessibility foundations. PROACTIVELY use this agent for accessibility questions, a11y audits, inclusive design, or when ensuring compliance with accessibility…
not rated 2 1y ago A 84 tokens
figma
1911Raul-Marin/Figma-Color-Extractor
Cursor rule Cursor
Reglas específicas para operaciones con Figma en este proyecto. Se aplican cuando el usuario menciona Figma, proporciona URLs de Figma, o cuando se trabaja con variables, colores o componentes de Figma.
not rated 2 6mo ago A 43 tokens
Catmint103/xilehui-brand-agent
Skill Codex
A design workflow for creating and reviewing branded event materials for Xiamen University's School of Management alumni association. It covers posters, digital tickets, registration graphics, social-media images, screen graphics, and editable designs.
not rated 2 16d ago A 179 tokens
demoniksem/superpowers-hermes-skills
Skill Claude CodeCodex
Senior UI/UX Engineer. Architect digital interfaces overriding default LLM biases. Enforces metric-based rules, strict component architecture, CSS hardware acceleration, and balanced design engineering.
not rated 2 3mo ago A 40 tokens
ux-engineer
1914Agent Claude Code
Senior UX Engineer specialized in user research, wireframing, prototyping, usability testing, design systems, and information architecture. Ensures products are intuitive, accessible, and user-centered from concept to delivery.
not rated 2 18d ago A 45 tokens
original MIT
Skill Claude CodeCodex
Use when customizing MoonShine v3 layouts, menus, colors, icons, assets, pages, dark mode, branding, or overall admin panel design.
not rated 2 6mo ago A 38 tokens
expo-mobile-ui
1916Skill Claude Code
Use for designing, auditing, polishing, or implementing Expo/React Native mobile UI and UX across iOS and Android. Covers screens, navigation, tabs, modals, onboarding, safe areas, typography, gestures, haptics, lists, accessibility, platform conventions, design tokens, Figma/screenshot conversion, and…
not rated 2 3mo ago A 73 tokens
original Apache-2.0
Skill Claude CodeCodex
Use this skill whenever a designer receives feedback on their work and needs help interpreting it before deciding what to do next. Trigger when a user shares stakeholder or reviewer comments, when they're stuck after a review session and don't know what to change. This skill is especially useful for designers working…
not rated 2 4mo ago A 76 tokens
ux-researcher
1918Agent Claude Code
UX research and design specialist. Use for user flow analysis, accessibility audits, usability heuristic evaluation, and design system maintenance.
not rated 2 7mo ago A 29 tokens
original MIT
ui-page-generation
1919Staxing799/ui-page-generation-skills
Skill Claude CodeCodex
Orchestrate high-quality front-end page generation from short product prompts. Use when Codex needs a single main skill that coordinates UI structure, visual hierarchy, and natural product copy for landing pages, dashboards, app screens, workspaces, settings pages, analytics views, tables, and similar interfaces.
not rated 2 5mo ago A 63 tokens
ai-image-diagnosis
1920Skill Claude CodeCodex
Diagnose AI-generated or AI-assisted images that "look off", feel generic, fail commercially, or need prompt/image-to-image repair. Use when the user uploads or references an image and asks why it is not good enough, how it differs from better references, which professional roles would critique it, how to improve…
not rated 2 3mo ago A 129 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: