13,278 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
Skill Claude CodeCodex
Apply UX content writing principles to review existing UI copy or write new UI copy from scratch. Use this skill whenever someone asks you to: review, audit, critique, or improve UI text, error messages, button labels, tooltips, empty states, onboarding copy, form helper text, or any software interface copy. Also…
Skill Claude Code
Full-stack design methodology that makes any website look like a $150k agency build. Nine gated phases: positioning, research, design contract, screen spec, build, subtraction, audit, hardening, handoff. Includes illustration system, animation tiers, 12 hero patterns, 16 section layouts, UX writing guide, icon system…
brockwebb/open-census-mcp-server
Skill Claude CodeCodex
Author publication-quality diagram specifications (method.txt files) from paper prose and draw.io sketches, following federal data visualization standards and Tufte design principles. Use when creating, modifying, or regenerating conceptual diagrams, architecture figures, or visual explanations for academic papers or…
Skill Claude CodeCodex
Apply a restrained, Swiss/Japanese/Scandinavian/German-influenced product design system when building or refining UI in React, Next.js, TypeScript, and shadcn/ui — the stack-specific binding of the ui-principles core, with concrete numbers. Use when the user asks to build, refine, critique, redesign, or review a page…
Skill Claude CodeCodex
Version: 1.7.0 Platform: macOS and Windows Description: Step-by-step guided setup of Figma Console MCP for designers. Walks the user through the full installation flow — from package manager to a verified Figma connection. Author: Design Agent Lab — designagentlab.com.
chiroro-jr/pencil-design-skill
Skill Claude CodeCodex
Design UIs in Pencil (.pen files) and generate production code from them. Use when working with .pen files, designing screens or components in Pencil, or generating code from Pencil designs. Triggers on tasks involving Pencil, .pen files, design-to-code workflows, or UI design with the Pencil MCP tools.
CallMeJones/blender-agent-bridge
Skill Codex
Build, compare, review, or repair a Blender model against an actual supplied image, photograph, concept, or visual reference using adaptive decomposition, measurable proportions, evidence scoring, and bounded repair. Use only when the request explicitly concerns model creation or quality against visual form criteria…
Skill Claude Code
Use this skill to generate well-branded interfaces and assets for Reqvire (the Reqvire Explorer — a Git-native MBSE knowledge-graph viewer), either for production or throwaway prototypes/mocks/etc. Contains essential design guidelines, colors, type, fonts, assets, and UI kit components for prototyping.
Skill Claude Code
Create or customize a site theme interactively. Walks through site purpose, audience, visual direction, and design specifics before generating a complete base.html template with all SEO, accessibility, search, pagination, and i18n requirements.
Skill Claude CodeCodex
UI/UX design intelligence for web and mobile. Includes 50+ styles, 161 color palettes, 57 font pairings, 161 product types, 99 UX guidelines, and 25 chart types across 10 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, and HTML/CSS). Actions: plan, build, create, design…
Webba-Creative-Technologies/forge
Skill Claude Code
Forge design system for React. Use when writing any React UI in this project, when picking which component to use, when theming, when creating block templates, or when reviewing UI code for accessibility and anti-patterns. Covers components, tokens, theming, motion, patterns, a11y, and anti-patterns.
Skill Claude CodeCodex
Compare agent-made alternatives in a local browser preview with Unship. Use for comparison setup, iteration, Canvas, selection, cleanup, and Unship installation or update troubleshooting.
Skill Codex
A tool for reading images and checking screenshots, including text, layout, visual defects, watermarks, and logos.
sampaio-tech/iOS-design-system
Skill Claude Code needs its repo
Guide to creating new widgets following iOS Design System patterns and conventions.
Skill Claude CodeCodex
Generate architecture diagrams as .excalidraw files from codebase analysis. Use when the user asks to create architecture diagrams, system diagrams, visualize codebase structure, or generate excalidraw files.
Skill Codex
Accessibility engineering for product interfaces, from focus states and keyboard support to ARIA, forms, and screen readers. Use when building or reviewing UI components, modals, menus, forms, custom widgets, or when the user says "make this accessible" or reports keyboard or screen-reader issues. Triggers on…
Skill Claude CodeCodex needs its repo
Author or modify kernelCAD models in TypeScript. Scripts live in .kcad.ts files; the kernelCAD CLI (kernelcad evaluate and kernelcad export stl|step|dxf|3mf|glb -o ) executes them via an OpenCASCADE WASM kernel.
Skill Claude CodeCodex
Search Mobbin for real app UI screenshots and visually analyze them. Required before calling the searchscreens MCP tool — this skill defines how to plan searches, respond, and build HTML evidence boards when the screens are the answer. Use whenever the user asks about UI/UX design patterns, wants to see how other apps…
Skill Claude CodeCodex
Comprehensive ISA-101 design rules for Human Machine Interfaces in process automation, with detailed reference files covering color design, display hierarchy, navigation, alarms, human factors, performance, and lifecycle management. Use when designing, building, reviewing, or generating code for HMIs, control system…
SonwaneyY/portfolio-case-study-generator
Skill Claude CodeCodex
Craft portfolio-ready case studies that tell the story of a design project. Runs a structured intake first, then drafts in the story format that best fits the project and audience.
Skill Codex
Define, compare, model, review, and mature industrial products before manufacturing drafting. Use for new products, major redesigns, enclosures, appliances, controls, ports, mechanisms, configurable assemblies, product-quality 3D, CMF, ergonomics, service, motion states, native renders, prototype planning, or any task…
Skill Claude Code
Anti-slop UI/UX design discipline for AI-generated interfaces. Enforces industrial-design principles (Dieter Rams: honest, thorough to the last detail, as little design as possible) so output is a defensible system, not statistical-default slop (purple glow, shadow-as-texture, missing states). Covers the…
Skill Claude Code
Use this skill to generate well-branded interfaces and assets for Omadia UI (Lume design system), either for production or throwaway prototypes/mocks/etc. Contains essential design guidelines, colors, type, fonts, assets, and UI kit components for prototyping.
Skill Claude CodeCodex
Discover shadcn-compatible components and registries across the entire ecosystem before writing any custom UI. Use PROACTIVELY before building tables, forms, modals, animations, dashboards, auth pages, or any UI component. Use when the user says "find a component for...", "is there something for...", "search…
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: