13,019 tagged Design and UX, measured the same way as everything else here.
Browse within: design-system 183agentic-ai 158agentic 152ai-tools 131skills 128ai-design 112byok 106agent 101desktop-app 93coding-agents 92ai-ppt 88ai-ppt-generator 87aippt 87html-ppt 87
ianho7/ai-friendly-web-design-skill
Skill Claude CodeCodex
Build, review, and refactor web interfaces that are easy for humans, screen readers, browser automation, Playwright tests, and AI agents to understand and operate. Use for UI components, forms, frontend features, semantic HTML, ARIA, stable locators, URL state, accessibility reviews, and agent-friendly web design.
Skill Claude CodeCodex
Pattern-recognition design review: judge whether an interface works before any analysis. Use for UI and design reviews, visual hierarchy checks, and 'does this look right' calls.
Skill Claude CodeCodex
Conduct comprehensive design research on any website or web application using a team of browser-automation agents. Use when asked to analyze, audit, or document a website's design system, UX patterns, layout, typography, colors, components, accessibility, responsive behavior, and technical implementation.
BENZEMA216/ai-ecommerce-agent-skills
Skill Claude CodeCodex
A visual analysis guide for online shops and competing stores on Taobao, Tmall, JD.com, and Pinduoduo. It examines colors, layout, photography, and overall design style.
awesome-skills/mobile-app-design
Skill Claude CodeCodex
This skill should be used when the user asks to "design mobile UI", "review app design", "check UI guidelines", "improve app UX", "design React Native interface", "create app screens", "follow design standards", or mentions iOS/Android design patterns, accessibility, or mobile user experience. Provides comprehensive…
Skill Claude CodeCodex
How to work through the figma-mcp-bridge effectively and honestly. Read this before any write-heavy design session. Applies to bridge v0.4.0+.
Skill Claude CodeCodex
Be a design director, grounded in OpenDesign (opendesign.cc) — a curated library of 1,400+ real, machine-readable design systems, each with an 11-layer token spec extracted from the live site and verified against actual computed styles. Use whenever someone wants to design or build a website, landing page, dashboard…
Skill Claude CodeCodex
A reference for building Vue 3 interfaces with Arco Design Vue, a library of ready-made user-interface components. It covers components such as buttons, tables, forms, dialogs, navigation, and date controls.
Skill Claude CodeCodex
Use when user requests diagrams, flowcharts, sequence diagrams, class diagrams, component diagrams, ER diagrams, architecture charts, or visualizations — including generating a diagram from existing source code, or rendering/extracting PlantUML embedded in a Markdown file to images (e.g. preparing docs for…
Songzhi-lab/chinese-font-selector
Skill Claude CodeCodex
A guide for choosing Chinese fonts and typography for designs such as social-media cards, product materials, websites, books, and posters.
Skill Claude CodeCodex
An infographic-generation skill turns written information into a visual layout using AntV Infographic, a tool for defining infographic structure and style in text.
muthuishere/hand-drawn-diagrams
Skill Claude CodeCodex
Create hand-drawn Excalidraw diagrams, flows, explainers, wireframes, and page mockups. Default to monochrome sketch output; allow restrained color only for page mockups when the user explicitly wants webpage-like fidelity. Use when the user asks for a diagram, flowchart, wireframe, sketch, visual explanation, mind…
Skill Claude CodeCodex
The precise design and UI vocabulary used on index.how/to/articulate — covering typography, color, iconography, layout, interaction, motion, accessibility, information architecture, copywriting, tools, analysis, and components. Use when reaching for the exact word for a design concept ("what's the term for the space…
victorzhang016-code/victor-design
Skill Claude CodeCodex
A design workflow for creating posters, social posts, presentations, and product interfaces using research, human-made references, and editable HTML templates.
Skill Claude CodeCodex
This skill should be used when the user wants to extract a complete DESIGN.md style guide (frontmatter + design thinking + AI style analysis + compressed CSS evidence + negative constraints) from any live website URL. It captures 3 viewport screenshots, samples DOM and computed CSS via chrome-devtools MCP, asks a…
Skill Claude CodeCodex
Create animated network topology and infrastructure diagrams using the Excalimate MCP server. Use when asked to visualize network architecture, server infrastructure, cloud deployments, Kubernetes clusters, VPC layouts, firewall rules, load balancing, or any physical/logical network topology.
Skill Claude CodeCodex
Comprehensive design review for websites and desktop applications with extensive accessibility analysis. Use this skill when users ask you to review UI/UX designs, wireframes, mockups, prototypes, or deployed interfaces for usability, accessibility (WCAG compliance), visual design, interaction patterns, responsive…
csuyincs-creator/fluidglass-ui
Skill Claude CodeCodex
Generates production-grade WebGL fluid glass card interfaces with a fixed canonical material core (144px-tall, 30px-radius wide cards, transparent canvas, cyan.
Skill Claude Code
Generate low-fidelity wireframes (ASCII, SVG, or HTML) from user story files. Use when creating wireframes for UI stories.
Skill Claude Code
Skill "asset-creator" from outscal/video-generator, covering asset creator skill, core responsibility, creation guidelines by asset type, logo and icon.
Skill Codex
Design and build websites with film-inspired visual systems, director-driven art direction, storyboard-first layout planning, and cinematic motion. Use when the user asks for a cinematic site, movie-style landing page, director-inspired UI, film-noir, sci-fi, romance, thriller, action, animation, or a movie-like…
cloudy-liu/cloudy-tech-diagrams-skill
Skill Claude CodeCodex
Use when creating polished technical diagrams as self-contained HTML+SVG files for software architecture, system design, process flows, cloud infrastructure, security boundaries, network topology, runtime mechanics, data flow, deployment views, or technical presentation visuals.
zuiho-kai/huawei-style-ppt-skill
Skill Codex
A workflow for creating presentation slides, from analysing content and planning pages to producing visual drafts and reviewing the result.
Skill Claude CodeCodex
Audit and rewrite frontend UI to remove generic AI design patterns ("AI slop"). Use this skill when asked to "de-slop a UI", "make a design look less AI-generated", "audit a component or page for AI design tells", or "fix Claude/Codex-generated frontend that looks generic". Covers HTML/CSS and React/Tailwind/shadcn.…
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: