13,358 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 CodeCodex
Conduct design interviews, generate five distinct UI variations in a temporary design lab, collect feedback, and produce implementation plans. Use when the user wants to explore UI design options, redesign existing components, or create new UI with multiple approaches to compare.
sethyuan/orcanote-agent-skills
Skill Claude CodeCodex
Guide for creating Excalidraw-based whiteboards in Orca Note. Use when user mentions whiteboard or Excalidraw.
dungnotnull/game-ui-mobile-friendly-design-agent-skill
Skill Claude CodeCodex
Mobile-Friendly Game UI Design & Touch-Friendly Interaction — Bulletproof production-grade harness for Mobile Game UI/UX & Touch Interaction Design analysis with zero placeholder code. Use this skill whenever the user asks for mobile game UI evaluation, touch interaction design, gesture discoverability analysis…
veronica-doh/enterprise-ai-portal-skill
Skill Claude CodeCodex
A practical agent skill for designing maintainable internal AI enablement portals.
Skill Codex
Generate, implement, or redesign distinctive, premium web and app interfaces through product-derived art direction, visual assets, composition, typography, motion, responsive behavior, and anti-slop generation decisions. Use for frontend pages, product screens, dashboards, landing pages, design systems, UI components…
chenxihuang1028-a11y/chelsey-xhs-cover
Skill Codex
A Chinese-language prompt-writing guide for creating vertical Xiaohongshu covers, where Xiaohongshu is a Chinese social media and content platform. It targets covers about AI tools, productivity, product reviews, tutorials, podcasts, work, and personal experience.
Skill Claude CodeCodex
Filters web output against a multi-discipline checklist of AI default patterns. Use before shipping any design, copy, UI code, infrastructure config, or documentation. Trigger when the user asks for something 'premium' or 'not AI-looking', when you're about to reach for a glowing gradient, bento grid, SaaS empowerment…
AntonioSpagnol/UI-Deslopify-Skill
Skill Claude Code
Audits and refactors vibe-coded UIs by replacing each slop element with modern 21st.dev components or equivalents with real visual character — never removes without replacing. Runs a mandatory grill-me style interview (one question at a time, with recommendations) before touching files, including brand identity and…
virgiliojr94/duolingo-ux-reference
Skill Claude CodeCodex
World-class UI/UX reference distilled from Duolingo's PUBLIC design guidelines (design.duolingo.com) — color tokens, typography rules, and UX-writing/microcopy patterns — for frontend devs. Unofficial, not affiliated with Duolingo. Use when building or reviewing UI: choosing colors, type, button/header copy…
Skill Claude CodeCodex
A webpage design tool that turns text into a standalone page with a chosen visual style. It includes more than 30 design styles and helps match text to a style.
paranoiaccc/figma-fidelity-guard
Skill Claude CodeCodex
Audit and recover incomplete Figma design evidence before fidelity-sensitive implementation or review. Use when design context is truncated, depth-limited, sparse, inconsistent with the rendered result, or missing nested layers, styles, assets, variables, effects, variants, or responsive behavior. Do not use for…
Skill Codex
Create and inspect images, videos, local websites, and designed PDF documents through Bench Studio. Use when a request involves choosing a fal model, mapping reference media to model-specific fields, generating media with transparent pricing, building a prompt-driven website or PDF through the cached Codex…
lueluelue2006/quiver-svg-mcp-skill
Skill Claude CodeCodex
Route hard SVG/logo requests to local Quiver MCP with cookie-pool auth.
Skill Claude CodeCodex
Extract UI designs from screenshots and iteratively refine implementations to match a reference image pixel-perfectly using comparison and fix suggestions.
Leobeckham-162632/codex-visio-replica
Skill Codex
Use this skill when converting a user-provided PNG, JPG, screenshot, scanned diagram, flowchart, electrical schematic, network topology, academic mechanism diagram, neural-network architecture figure, map, infographic, or other two-dimensional reference image into an editable Microsoft Visio VSDX with separately…
Skill Claude CodeCodex
Read and write wiremark, the text-based wireframe DSL rendered from fenced wireframe code blocks and .wiremark files. Use when creating, editing, or interpreting wireframes, screen sketches, screen flows, or low-fidelity UI mockups in markdown documents.
Skill Claude CodeCodex
Use when users want a premium, demo-worthy cinematic web experience, immersive landing page, portfolio, product showcase, or Claude-made wow-factor UI with motion, 3D, particles, WebGL, or scroll-driven storytelling.
LevyBytes/AI-SKILL-adobe-products
Skill Claude CodeCodex
Use when a task specifically concerns Adobe InDesign: InDesign documents, layouts, pages, spreads, frames, styles, publishing, UXP, or layout scripting; this is the product subskill routed from adobe-products.
Skill Claude CodeCodex
Visual hierarchy and information architecture analysis.
Skill Claude CodeCodex
Web platform design and accessibility guidelines. Use when building web interfaces, auditing accessibility, implementing responsive layouts, or reviewing web UI code. Triggers on tasks involving HTML, CSS, web components, WCAG compliance, responsive design, or web performance.
tuoxie2046/claude-code-research-skills
Skill Claude CodeCodex
Use when the user requests diagrams, flowcharts, architecture diagrams, ER diagrams, UML / sequence / class diagrams, network topology, ML/DL model figures (Transformer/CNN/LSTM), mind maps, or any visualization. Also use proactively when explaining systems with 3+ components, complex data flows, or relationships that…
Skill Claude CodeCodex
Designs and builds real, production-ready websites — landing pages, marketing sites, web apps, redesigns — with an intentional, non-templated visual identity (distinctive typography pairing, real design-token system, real spacing/color scale), then checks the build for errors, pushes to GitHub, and deploys it live.…
Skill Claude CodeCodex
Use when a user wants to choose, change, compare, or improve the FONTS / typography of their web app — ANY framework: Next.js, Vite, Astro, Remix, SvelteKit, TanStack, plain CSS ("pick a font", "these fonts look generic/AI-generated", "make the headings nicer", "what typeface should I use", "change the font"). Font…
Skill Claude CodeCodex
Design-system workflow for FramingUI projects (free profile). Use for ANY UI work in a project that uses FramingUI — building or restyling screens, pages, components, layouts, or themes; writing AgenticLayoutContract JSON; choosing themes/tokens/icons; or reviewing FramingUI-based JSX. Triggers on requests like "build…
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: