13,357 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
Activate when the user wants the CLI agent to hand visual/design work to a web-sandboxed design agent and bring the result back. Triggers: handover to claude design, design review loop, visual audit checklist, follow-up modification list, design deliverable return, mock screens, paradigm decision, hand current state…
Liuguanyi2125/editable-pptx-skill
Skill Claude CodeCodex
A workflow for turning slide images or rough presentation material into an editable PowerPoint file. Text, shapes, tables, charts, icons, and pictures are kept as separate slide objects where possible.
Garyzhu-hub/pencil-multi-platform-product-design-agent
Skill Claude CodeCodex
Use this skill when creating, modifying, reviewing, or syncing multi-platform product designs in Pencil through Pencil MCP. Supports enterprise admin systems, SaaS dashboards, responsive web and landing pages, mobile apps, WeChat Mini Programs, data visualization big screens, e-commerce and campaign designs, design…
angelapaia/frontend-design-engineer-skill
Skill Claude CodeCodex
Art Director + Senior Frontend Engineer that autonomously builds complete websites, landing pages, and web frontends from a single user phrase. Handles the full pipeline: intake brief, visual direction selection (8 curated styles), component sourcing (shadcn/ui, MagicUI, ReactBits, 21st.dev, Aceternity UI), design…
Skill Claude CodeCodex
Use when designing, structuring, or rendering HTML for ProcessWire Admin interfaces, custom Process modules, or Inputfields.
Skill Claude CodeCodex
Expert knowledge for Etch WP - a Unified Visual Development Environment for WordPress. Generates complete JSON in Gutenberg block format for components, sections, patterns, or templates. Uses Automatic.css (ACSS) v4 variables. See reference files for complete documentation.
Skill Claude CodeCodex
Use this skill on every UI turn that touches composition — building, modifying, restructuring, or annotating any page, component, route, form, layout, navigation, modal, focus behaviour, or live region. Make sure to use this before any UI code change, and whenever the user asks what an a11y.md captures. Triggers on…
Skill Claude CodeCodex
Audit and improve web accessibility following WCAG 2.2 guidelines. Use when asked to "improve accessibility", "a11y audit", "WCAG compliance", "screen reader support", "keyboard navigation", or "make accessible".
Skill Claude CodeCodex
Design wire harnesses and cable assemblies as JSON and produce manufacturer-ready drawings (BOM, wire list, title block) as PDF. Use when the user asks to design, draw, document, or quote a wire harness, cable assembly, pigtail, or custom cable — or mentions connectors, crimping, splices, twisted pairs, ring…
Skill Codex needs its repo
Use when the user wants to design, redesign, shape, critique, audit, polish, clarify, distill, harden, optimize, adapt, animate, colorize, extract, or otherwise improve a frontend interface. Covers websites, landing pages, dashboards, product UI, app shells, components, forms, settings, onboarding, and empty states.…
dungnotnull/adhd-friendly-home-design-agent-skill
Skill Claude CodeCodex
ADHD-Friendly Home Space Optimization Advisor (Environmental Psychology) — ADHD environmental-design and cognitive-ergonomics analysis and decision-support harness. Use this skill when the user mentions ADHD home design, ADHD-friendly spaces, sensory-friendly environment, ADHD workspace optimization, ADHD bedroom…
darkyzhou/carbon-design-guidelines
Skill Claude CodeCodex
Guides, references, and tooling for building React UIs with IBM's Carbon Design System (@carbon/react v11). Covers design foundations (grid, color, spacing, typography, theming, motion, accessibility), component usage with code samples, design patterns (forms, dialogs, notifications, loading, empty states), and data…
Skill Claude Code
Use this skill to generate well-branded interfaces and assets for Nubecita, either for production or throwaway prototypes/mocks/etc. Contains essential design guidelines, colors, type, fonts, assets, and UI kit components for prototyping a Material 3 Expressive Android Bluesky client with adaptive layouts for phone…
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.
Skill Codex
UX/product workflow for design-makers and consumers of existing designs. Use for making or revising mockups, screens, layouts, flows, prototypes, tokens, typography, components, design systems, live design previews, signoff, and Figma or board handoff. Also use to consume a prototype, Figma file, screenshots, or UI…
Skill Claude CodeCodex
Use when creating professional PowerPoint presentations, generating slides from content/topics, or visualizing concepts into a deck with Nano Banana 2. Supports Template Cloning and AI Minting modes.
Skill Claude CodeCodex
Helps choose the right UI/UX pattern when the user describes a vague design need. Triggers on phrases like "make this easier to navigate," "hide advanced settings," "make this dashboard better," "add menus," "make this feel more professional," or "I don't know what component I need.".
Skill Claude CodeCodex
A business- and user-experience review of a product design, based on materials such as Figma files, screenshots, page structure, and product documents. It reconstructs the user's situation and journey before judging the design.
SamyGenAI/Smart-creator-design-system
Skill Claude CodeCodex
Capture creator first+last name, update src/creatorIdentity.js (single source of truth), place assets/avatar/avatar-profile.png, then onboard Smart Creator via Track A (website URL + Firecrawl scrape) when the user has visual identity, or Track B (skills/theme-factory presets / custom theme) when they have no site or…
chohra-med/claude_design_skill
Skill Claude CodeCodex
Take a UI from a one-line idea to on-brand, shippable design with Claude, in the correct order — brand foundation first, then components, screens, interactions, accessibility, and only then generation via /design. Use whenever someone wants to design, redesign, or generate a screen, page, component, or onboarding flow…
Skill Claude Code
Creates a new Moobard/Moobird moodboard folder with a .mooboard.json in the Hybrid-picks collage style — open interactive image collage, interleaved link cards, curved bound arrows (image→link and callout→image), handwritten labels, and a to-do. Use when the user asks for /mooboard-create-board, a shopping or research…
dovoanhtruong/abap-agent-antigravity-workspace
Skill Claude CodeCodex
Generate SAP BTP (Business Technology Platform) solution architecture diagrams as native draw.io (.drawio) files following the official SAP BTP Solution Diagram guidelines (Fiori Horizon design system) and open them via a configured draw.io MCP server. USE WHEN: user asks to create/draw/design/sketch a BTP diagram…
pacificmeister/openclaw-fusion
Skill Claude CodeCodex
Control Autodesk Fusion 360 via the AuraFriday MCP Server add-in. Use when the user wants to create, modify, measure, or inspect 3D CAD models, sketches, assemblies, or manufacturing setups in Fusion 360. Triggers on any Fusion/CAD/3D-modeling request.
Skill Claude CodeCodex
Create, inspect, and safely modify StarUML .mdj UML class diagrams using the starumltool Python API or CLI. Use this when the user asks to generate UML class diagrams, edit existing .mdj files, add classes, attributes, operations, associations, generalizations, dependencies, or auto-layout class diagrams.
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: