13,365 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
almasumdev/awesome-mobile-accessibility-agent-skills
Skill Claude CodeCodex
Labels, errors, grouping, and autofill for mobile forms. Use this when building any screen that collects user input — login, signup, checkout, profile editing.
almasumdev/awesome-mobile-design-system-agent-skills
Skill Claude CodeCodex
Android adaptive icons and iOS app icon light/dark/tinted modes. Use this when creating or revising app launcher icons.
Skill Claude CodeCodex
CIEL's framework for three-layer design token systems (primitive→semantic→component) with CSS variables and naming conventions. Advisory only.
Skill Claude CodeCodex
Use when starting any design task — resolves register, sets the 3 dials, locks Gate 0, and routes to the right move and target skill.
Skill Claude CodeCodex
Distance-based pointer trail emitter craft in full — emit per path distance (not timer), sub-segment placement, ring-buffer ordering, emitter lag, idle breath, coasting, touch/reduced-motion fallbacks, cleanup. Decorative only.
Skill Claude Code
Use this skill to design on-brand TinyAssets interfaces and assets, for production or for throwaway prototypes and mocks. Carries the warm-editorial identity: palette, type, the mark, the vocabulary, and the copy rules.
Skill Claude CodeCodex
Use for ALL accessibility work — WCAG 2.2 audits of URLs or HTML, real rendered contrast checks (including text over images, pixel-level), color-pair contrast and nearest passing color, European Accessibility Act / RD 1112/2018 accessibility statements, pre-deploy regression detection (accessible names, tab order)…
Skill Claude CodeCodex
Interactive developer experience plan review. Explores developer personas, benchmarks against competitors, designs magical moments, and traces friction points before scoring. Three modes: DX EXPANSION (competitive advantage), DX POLISH (bulletproof every touchpoint), DX TRIAGE (critical gaps only). Use when asked to…
Skill Claude CodeCodex
Create editable, production-ready PPTX decks with narrative planning, explicit layout specs, asset guidance, and quality checks.
Skill Claude CodeCodex
How to design and print tickets on the 58mm thermal printer via the thermal MCP tools (printmarkdown for quick prints, previewhtml / printhtml for custom design). Covers fonts, icons, graphics, layout rules. Read BEFORE writing any HTML/markdown for the thermal printer.
krunkosaurus/codex-local-vision-router
Skill Codex
Inspect local PNG, JPEG, WebP, GIF, or AVIF images through the localvision MCP server and return text to Codex. Use when Codex must describe an image, analyze a screenshot, perform visual QA, or read visible text while the primary model/provider is text-only or cannot safely accept inputimage content.
Skill Claude CodeCodex
Create on-brand visuals (social posts, carousels, decks, PDFs, ads, landing-page kits, infographics) from any idea, text, URL, or PDF via Canvora. 82 formats, native generation in 150+ languages, per-client brand kits. Use when the user asks to create, generate, or design visual content for social media, marketing…
Skill Codex
Use CodeCrafted Design MCP to run a persistent, user-led front-end design workflow: resume a project, explore contrasting directions without auto-selection, compose multi-zone structures, guide component layout and presentation variant choices, preserve approved decisions, export tokens, review observed evidence and…
Kinglions/ui-design-to-code-mcp
Skill Claude CodeCodex
Use for UI screenshot, preview image, GPT Image mockup, Figma URL/node-id, Figma MCP node JSON, or Figma screenshot to code workflows. Prefer this skill whenever a design source is present and the user wants to decode, analyze, restore, review, or implement the UI as code for iOS, Android, Web, or other supported…
Skill Claude CodeCodex
Use when connected to the Trident collaborative diagramming MCP server. Covers tool ordering, real-time collaboration protocol, how to deliver live suggestions and guided explanations to human collaborators without mutating diagrams, grid layout rules, and ID enumeration before any edit.
Skill Claude Code
Use this skill to generate well-branded interfaces and assets for CIV.IQ (civic intelligence platform — representatives, voting, campaign finance), either for production or throwaway prototypes/mocks/etc. Contains essential design guidelines, colors, type, fonts, assets, and UI kit components for prototyping. The…
Skill Claude CodeCodex
MCP server for editing STL 3D model files.
Skill Claude CodeCodex
Evaluates UI designs for accessibility issues that automated scanners (axe, Lighthouse, WAVE) miss. Two paid tools: typography evaluation and UI accessibility evaluation. Returns per-element scores, severity-ranked issues, WCAG references, and fix recommendations.
daniel-dan-conrad/ui-designer-skill
Skill Claude CodeCodex
Craft one-of-a-kind, ship-ready frontend interfaces with elevated design quality. Apply this skill whenever the user wants to build web components, pages, artifacts, posters, or applications (for example, websites, landing pages, dashboards, React components, HTML/CSS layouts, or any task that involves styling or…
Skill Claude CodeCodex
Author Mermaid diagrams that render cleanly when pasted into Excalidraw's "Mermaid to Excalidraw" feature. Use when the user asks for a diagram, flow chart, sequence diagram, class diagram, architecture diagram, or specifically mentions Excalidraw, Mermaid, drawing, sketching, "draw this", "make a diagram", or "paste…
sebastian-software/effective-print-design
Skill Claude CodeCodex
Professional print design guidelines for producing high-quality printed output from HTML/CSS. Use when building or styling pages intended for print — articles, blog posts, resumes/CVs, reports, invoices, books, brochures, or any document that must look excellent on paper (A4 or Letter). Also use when the user mentions…
Skill Claude CodeCodex
Take full control of an image by converting it to an editable SVG. Use when the user wants to vectorize, recolor, restyle, simplify, or otherwise edit an image (PNG/JPG/etc.) or a vector file (PDF/AI/EPS), or replace a raster image with an SVG.
Skill Claude CodeCodex
A specialist assistant for the my-design component library, a collection of reusable interface parts for software. It uses component-library data such as APIs, examples, rules, design tokens, and change logs.
Skill Claude CodeCodex
Programmatic canvas toolkit for creating, editing, and refining Excalidraw diagrams via MCP tools with real-time canvas sync. Use when an agent needs to (1) draw or lay out diagrams on a live canvas, (2) iteratively refine diagrams using describescene and getcanvasscreenshot to see its own work, (3) export/import…
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: