13,357 tagged Design and UX, measured the same way as everything else here.
Browse within: design-system 162agentic-ai 157agentic 151ai-tools 129skills 128ai-design 112byok 106agent 102coding-agents 93desktop-app 93ai-ppt 88ai-ppt-generator 87aippt 87html-ppt 87
Lrinvl1203/world-class-web-design-os
Skill Codex
Use for end-to-end website or interface design, redesign, implementation, or major visual polish; orchestrates discovery, references, art direction, systems, build, critique, QA, and release gates.
Skill Codex
Safely browse, create, inspect, install, switch, verify, and remove themes for the Paseo desktop app. Use when a user asks an agent to change Paseo's background, build a theme from an image, apply a Paseo skin, list available themes, diagnose a theme, or restore Paseo's native appearance.
Skill Claude CodeCodex
Use when designing, refactoring, or reviewing web interfaces that should feel calm, precise, functional, and visually restrained. Applies minimalist UI principles inspired by Ludwig Mies van der Rohe, Louis Sullivan, Massimo Vignelli, Dieter Rams, and Jony Ive, with emphasis on strong typography, structured layouts…
Skill Claude CodeCodex needs its repo
Ein persönliches Design-System mit einer Dateiablage pro Kunde, einer lokalen Weboberfläche und einer lokalen Verbindung, die passende gespeicherte Designinformationen für neue Arbeiten bereitstellt.
eusouomatt/analog-design-standards
Skill Codex
Portable product design standards for creating, reviewing, or refactoring app UI/UX, especially AI-built web apps, dashboards, CRM surfaces, operational workflows, Home screens, AI chat, command surfaces, artifacts, landing pages, and design-system docs. Use when asked to design, build, critique, improve, or set…
Skill Claude Code
Render and preview SVG animations in the browser with play/pause, timeline scrubbing, zoom & pan, code view, and export. Use when explaining a concept visually with an animated SVG (SMIL, CSS keyframes, or inline-JS), prototyping path-draw / morph / motion-path effects, or iterating on an animated icon, logo, or…
BCS1037/awesome-obsidian-skills
Skill Claude CodeCodex
A tool that converts written content into Excalidraw diagrams saved as Obsidian-ready files. Excalidraw is a sketch-style diagram editor, and Obsidian is a note-taking app.
Skill Claude CodeCodex
Create and edit draw.io diagrams in XML format. Use when the user wants to create flowcharts, architecture diagrams, sequence diagrams, or any visual diagrams. Handles XML structure, styling, fonts (Noto Sans JP), arrows, connectors, and PNG export.
Skill Claude CodeCodex
Build OR modify FigJam boards via the Figma Plugin API. Use when asked to create, edit, extend, restructure, add content to, or fix layout in a FigJam board — initial creation OR follow-up changes. Triggers on "make a FigJam", "build a board", "add to this FigJam", "update this FigJam", "fix the layout"…
Skill Claude CodeCodex
Create Excalidraw diagrams and render them as PNG images. Use whenever you need to draw, explain complex workflows, visualize UIs/wireframes, or diagram anything.
Skill Claude CodeCodex
Pull a Figma node in the order that decides whether the build can be correct — the full node first with no clarifying questions, then locate the exact piece, then every spacing token, then colour, then type/radii/shadows/states, and the screenshot LAST. Use the moment a figma.com link is shared or someone says…
Skill Claude CodeCodex
A set of layouts and design rules for making a single-file web presentation deck. The deck is designed for sharing on a screen, with horizontal slides, charts, animations, and switchable colour themes.
Skill Claude CodeCodex
Turns a codebase into an explorable isometric architecture diagram — a self-contained HTML artifact with blocks on a grid, a component index, a what-it-does/how-it's-built panel, and real data snippets travelling along the edges that the reader can stop and inspect. Use this whenever someone asks for a codemap by name…
Skill Claude CodeCodex
Use when you know what component, flow, or interface you need but not yet the right accessibility approach. Best for turning WCAG 2.2 requirements into an accessible implementation plan with WAI-ARIA APG patterns before code hardens bad interaction and state patterns.
Skill Claude CodeCodex
A step-by-step guide for creating 3D models in FreeCAD, a computer-aided design program, through its MCP tools. It explains the required order for creating, positioning, combining, hollowing, rounding, checking, and exporting shapes.
pengqianhan/codex-paper-figure-skill
Skill Codex
Create editable academic-paper figures from natural-language figure descriptions, manuscript sections, methods/results text, graphical abstract ideas, or paper-specific visual concepts. Use when Codex needs to turn scientific text into a polished journal-style diagram by first generating a raster visual reference with…
donaldrichard19-LVD/pattern-mcp
Skill Claude CodeCodex
Judge whether a UI component need should use an existing shadcn/ui, 21st.dev, or ReUI component, or requires a custom build guided by a real-app reference from Mobbin/Figma Community.
Skill Claude CodeCodex
Publish your own work to 21st.dev and manage it from the terminal with the 21st CLI (@21st-dev/cli): publish a React component to a team library, publish a CSS theme or a template listing, edit / unpublish / delete your published items, list and reopen existing component work, and read/replace your public profile page…
ontology-of-everything/SemanticSkills
Skill Codex
A workflow for creating a presentation as one self-contained HTML file sized for a 1920×1080 screen. It supports several visual styles and can export to PPTX when requested.
chyinan/terminal-ui-design-system
Skill Claude CodeCodex
Create terminal-inspired UI interfaces with macOS-style window decorations, monospace typography, and a warm color palette. Use this skill when building developer tools, code marketplaces, technical documentation sites, or any interface that benefits from a terminal/command-line aesthetic. Provides complete design…
piaoyinghuang/brand-consistency-ai-skill
Skill Claude CodeCodex
Universal brand guideline engine for producing, reviewing, and suggesting brand-compliant marketing materials for ANY company. Use this skill whenever a task involves brand identity, visual consistency, marketing collateral, or corporate design standards. Triggers include: brand guidelines, brand book, visual…
Fh-Ndiritu/design-psychology-skill
Skill Claude CodeCodex
Audit or build any website/UI against research-backed conversion and design-psychology principles (Hick's Law, Von Restorff, Goal Gradient, Peak-End, Fitts's Law, the Aha moment, loss aversion, social proof, feedforward, labor illusion, and 50 more). Use when reviewing a live URL or a local codebase for conversion/UX…
SuanFishXYY/suanfish-design-system
Skill Claude CodeCodex
A Chinese design system for creating and reviewing web interfaces, with multiple design perspectives working together. It focuses on React and Tailwind-based projects.
Skill Claude CodeCodex
Implement anticipatory UI — interfaces that react to pointer intent before the click. Three patterns: a proximity focus ring that warms as the cursor nears a field, a magnetic target that leans toward the cursor, and trajectory prediction that arms/prefetches the element the cursor is heading toward. Use this skill…
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: