13,360 tagged Design and UX, measured the same way as everything else here.
Browse within: design-system 162agentic-ai 157agentic 152ai-tools 130skills 128ai-design 112byok 106agent 102coding-agents 93desktop-app 93ai-ppt 88ai-ppt-generator 87aippt 87html-ppt 87
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.
Skill Codex
Design and build websites with film-inspired visual systems, director-driven art direction, storyboard-first layout planning, and cinematic motion. Use when the user asks for a cinematic site, movie-style landing page, director-inspired UI, film-noir, sci-fi, romance, thriller, action, animation, or a movie-like…
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.
moVictor99/shopify-theme-builder
Skill Claude CodeCodex
Build a complete, clean, Online Store 2.0 Shopify theme from a guided requirements interview. Use when a user wants to build, generate, scaffold, or design a Shopify theme, Shopify sections, JSON templates, Liquid, section groups, or a fully theme-editor-controllable storefront (including bilingual / RTL Arabic…
Skill Claude CodeCodex
Use Arch4 MCP tools to create, update, build, and visualize repository architecture maps.
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.
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…
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…
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.
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…
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…
Skill Cursor
Use this skill to build micrographic UI components and views — cards, panels, dashboards, dense data displays — matching the industrial label collage north star (examples/reference-collage.png). Compression not minimalism; metadata as texture. Two type scales (display 80px+ vs micro 7–11px); dual display modes (light…
Skill Claude CodeCodex
Use BEFORE building, auditing, improving, or redesigning any frontend UI (a page, screen, component, dashboard, form, checkout, chat, or developer console). Confirms audit coverage and change depth, then calls the Web Stylebook MCP to evaluate visual design, user-facing copy and information structure, behavior…
Skill Claude Code
Use this skill when creating, redesigning, critiquing, reducing, polishing, hardening, or making design decisions for a user-facing interface, brand surface, product UI, component, dashboard, flow, app shell, onboarding, empty state, or visual system. Applies Mies van der Rohe-inspired restraint, the Interface Craft…
Skill Claude CodeCodex
Use when creating, refining, animating, or vectorizing SVG assets with the QuiverAI MCP server, including model selection, reference-image prompting, structured prompt writing, direct source ingestion, generation, animation, vectorization, and reading completed SVG content.
Skill Claude CodeCodex
Iteratively generate OpenSCAD (SCAD) code, render PNG previews, visually critique the result, and refine in a tight loop until the model matches. Use when the user asks to create a 3D model, design a part, make a bracket/enclosure/mount, render in OpenSCAD, export STL, or any request that can be expressed as…
yushiran/Academic-Figure-Figma-CC-Skills
Skill Claude CodeCodex
Use when the user wants a paper figure (framework, pipeline, architecture, method overview) drawn, rebuilt, or refined as an editable vector in Figma via Claude Code — including reproducing a candidate/reference image (e.g. studio-pro C01-C04) at exact print size. Also use when the user needs to set up or fix the…
kash-123/cinematic-scroll-landing
Skill Claude CodeCodex
Build dark, cinematic, awwwards-style landing pages with seamless scroll choreography — endless/infinite scroll loops, pinned image-morph galleries, book page-flip feature sections, full-page book sites, cross-dissolve scene transitions, unified AI-generated imagery, film-slate section markers. Use when the user asks…
Skill Claude CodeCodex
This skill should be used when analyzing a competitor's brand identity, auditing visual brand elements, researching brand positioning, comparing brand aesthetics, evaluating competitor design language, or conducting systematic visual research on brand identity, logo systems, color palettes, or design patterns for…
billythekidz/apple-design-skill
Skill Claude CodeCodex
Complete Apple Human Interface Guidelines (HIG) and Apple Design System standard. Use when designing, building, or auditing UI/UX for iOS, iPadOS, macOS, watchOS, visionOS, or Apple-styled web and mobile applications.
xulelenlp/dsh-web-artifact-designer
Skill Claude CodeCodex
A design workflow for producing self-contained HTML or SVG files that open directly in a browser. It covers visual work such as posters, infographics, landing pages, charts, banners, cards, and interface mockups.
Skill Claude CodeCodex
Creates publication-quality scientific figures for academic papers. Backend is chosen by host paper extension — .tex papers get TikZ figures, .typ papers get CeTZ figures; the two are never mixed. Use when creating block diagrams, system architectures, flowcharts, or technical illustrations for papers and theses.…
Lucxar/premium-web-design-skill
Skill Claude CodeCodex
Transform any website into a premium, Apple-quality web experience. Use when building new websites, redesigning existing ones, reviewing web design quality, implementing landing pages, or when the user mentions "premium", "luxury", "high-end", "Apple-like", or "professional" website design. Also activate when creating…
Skill Claude CodeCodex
Um agente de design que cria um arquivo DESIGN.md com uma proposta visual calma e refinada para interfaces. Ele também faz uma crítica visual e uma verificação final antes de concluir o trabalho.
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: