13,304 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
Use when asked to explain, document, visualize, map, teach, onboard, or make an HTML explainer for a repo, feature, module, agent system, prompt stack, provider route, business flow, code pipeline, or code changes/diff. Produces evidence-first graph.json plus a standalone Visual Atlas HTML page that opens from file://.
Skill Claude CodeCodex
Use this skill whenever the user wants to do CAD work through Autodesk Fusion, either via the fusion-cad-mcp server (75 named tools: createsketch, addrectangle, extrude, addhole, filletedges, createjoint, export, and so on) or via Autodesk's own Fusion MCP (fusionmcpexecute, fusionmcpread, fusionmcpupdate…
Skill Claude Code
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
gygantskiyMatilyock/ios-developer-agents
Skill Claude Code
Use this skill to audit iOS apps for accessibility compliance with Apple Human Interface Guidelines, WCAG 2.2 standards, and iOS accessibility best practices.
Skill Claude CodeCodex
Facilitates an interactive session that turns a product or subject into an original, internally consistent visual design language for any artifact — infographics, video storyboards, websites, or mobile app UI/UX. Use when the user wants an original design language, identity, or art direction, or when a design feels…
Skill Claude Code
Evaluate design from a UX perspective, assessing visual hierarchy, information architecture, emotional resonance, cognitive load, and overall quality with quantitative scoring, persona-based testing, automated anti-pattern detection, and actionable feedback. Use when the user asks to review, critique, evaluate, or…
chocpink123/prototype-previewer-skill
Skill Codex
Creates a polished interactive web prototype previewer for new or existing products. Use when the user asks for an HTML prototype, a clickable multi-screen flow preview, a reviewable app mock, a screen-by-screen web prototype, or a Figma-ready capture page. Produces a three-panel reviewer with flow navigation, a…
Skill Claude CodeCodex
Design and create loading pages, loading animations, progress indicators, skeleton screens, and loading spinners. Use this skill whenever the user wants to create a loading page, loading spinner, progress bar, skeleton loader, or any loading state UI. This includes splash screens, brand loading pages, inline loading…
Skill Claude Code
A workflow for creating presentations for a company’s board or committees, covering results, strategy, risks, major matters, and next steps. A Board Deck is the slide presentation used to brief those decision-makers.
Skill Claude CodeCodex
A design guide for organizing code around small interfaces that hide substantial behavior. It defines shared terms for modules, implementations, adapters, seams, testability, and the benefits of keeping changes localized.
Skill Claude CodeCodex
Design, build, redesign, critique, audit, and refine frontend interfaces with strong visual direction and production-ready UX. Use for websites, landing pages, dashboards, application UI, components, forms, onboarding, empty states, responsive behavior, accessibility, typography, color, layout, motion, UX copy, or…
rgmez/apple-accessibility-skills
Skill Claude CodeCodex
Audits macOS AppKit interfaces for VoiceOver, keyboard navigation, focus order, and semantic structure issues. Use when reviewing or fixing AppKit accessibility — returns P0/P1/P2 findings with patch-ready fixes and manual verification steps.
Skill Claude CodeCodex
Design systems, motion, mood boards, spatial layout, visual assets, Design Context profiles, and a global Inspiration Library from screenshots, website URLs, inspiration images, music, or fuzzy aesthetic intent. Classifies page archetype, explores 3 product-aware directions before locking tokens (unless exact…
jaywilburn/refactoring-ui-skill
Skill Claude CodeCodex
Comprehensive UI design guidance based on Refactoring UI principles covering design personality, color theory, layout strategy, visual hierarchy, typography, spacing, mobile-first responsive design, and writing copy that doesn't read like AI wrote it. Use this skill whenever the user is creating new pages, building…
sxy1499894281/drawio-reconstruction-skill
Skill Codex
Reconstruct high-fidelity diagrams from one or more reference images into editable Draw.io files, using native Draw.io elements for text and structure, SVG only for simple icons that can match the reference shape and style, and cropped/transparent PNGs for complex or style-specific visuals. Use when the user wants to…
Skill Claude CodeCodex needs its repo
A workflow that converts a Figma design into web code and checks the rendered page against the original design. It uses saved design data, screenshots, pixel differences, and structural checks to guide repeated fixes.
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.
georgekhananaev/claude-skills-vault
Skill Claude Code
Generate beautiful Mermaid diagrams — flowcharts, sequence, ER, class, state, pie, gantt, mindmap, timeline, gitgraph, C4, kanban, block, quadrant, sankey, XY charts. Renders to PNG locally and Markdown for GitHub. Use when the user asks for diagrams, visualizations, schemas, flowcharts, architecture overviews…
Skill Claude CodeCodex
Review the agents-remember cockpit dashboard like a user: discover the intended workflow scenarios, detect missing views and where users get stuck, and judge whether the UI is self-explanatory at a glance / leads the user / progressively discloses / has clear hierarchy / is a good observability surface. Conducts the…
Skill Codex
Operate KOMPAS-3D MCP for 2D drawings, 3D parts, CAD-as-Code scripts, screenshots, exports, runtime memory, remote/local recovery, and Graph Brain diagnostics. Use when Codex needs to create, edit, inspect, validate, or debug geometry through mcpkompas3d, especially for sketch-feature chains, reusable scenarios…
Skill Claude CodeCodex
Transform UI style requirements into production-ready frontend code with systematic design tokens, accessibility compliance, and creative execution. Use when building websites, web applications, React/Vue components, dashboards, landing pages, or any web UI requiring both design consistency and aesthetic quality.
arjitj2/swiftui-design-principles
Skill Claude CodeCodex
Design principles for building polished, native-feeling SwiftUI apps and widgets. Use this skill when creating or modifying SwiftUI views, iOS widgets (WidgetKit), or any native Apple UI. Ensures proper spacing, typography, colors, and widget implementations that look and feel like quality apps rather than…
pc-software-org/huashu-design-en
Skill Claude CodeCodex
Huashu Design - Integrated design capabilities using HTML for high-fidelity prototypes, interactive demos, slideshows, animations, design variant exploration + design direction consultant + expert review. HTML is a tool not a medium, embody different experts (UX designer/animator/slideshow designer/prototyper)…
SemineChen/ux-interaction-audit
Skill Claude CodeCodex
UX Interaction Audit: Chinese structured UX evaluation assistant and local browser UI for interface screenshots, product design mockups, web/app page screenshots, and page descriptions. Use when the user asks to evaluate UX, interaction design, usability, page clarity, conversion flow, forms, accessibility, trust…
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: