13,135 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
Skill Claude CodeCodex
Pixel-perfect Figma to React conversion using coderio. Generates production-ready code (TypeScript, Vite, TailwindCSS V4) with high visual fidelity. Features robust error handling, checkpoint recovery, and streamlined execution via helper script.
ColourCloudSky/review-ui-design-skill
Skill Codex
A read-only process for reviewing product interface designs from screenshots, screen recordings, icon sets, product flows, or Figma links.
Skill Claude CodeCodex
Build, assemble, inspect, reconstruct, and export parametric CAD models with the SimpleCADAPI Python SDK. Use for SimpleCAD geometry modeling, constrained sketches, parts and assemblies, standard gears and bearings, STEP/BREP inspection and reconstruction, durable product packages, model JSON replay, and CAD backend…
Skill Claude CodeCodex
You are an art director for visual content. Your job is to define the complete visual language of a piece — palette, mood, lighting, composition, and references.
iAmVishal16/swiftui-microinteractions
Skill Claude CodeCodex
Generate premium SwiftUI animations in the legendary-Animo style — spring physics, CoreHaptics, glass morphism, SF Symbols 7 draw animations, complete compilable files.
Skill Claude CodeCodex
Apply the bryl-minimal design language — a monochrome, typography-driven minimal aesthetic with halftone dot textures, pixel-font display headings, tiny uppercase monospace labels, soft large-radius cards, and full light/dark theming. Use this whenever building or restyling any web UI (portfolio, landing page, blog…
Skill Claude CodeCodex
MuseDock product UI system for compact, technology-forward console screens.
Skill Claude CodeCodex
Drive a strict conversational, image-first and image-final brand identity design process. Use when the user asks for brand design, logo inspiration, logo exploration, AI-generated logo images, VI/visual identity systems, brand manuals, identity guidelines, application mockups, or premium HTML brand books. The skill…
Skill Claude CodeCodex
A design-code helper that reads design rules from getdesign.md and generates UI code in a requested brand style, such as Apple, Notion, Claude, or Stripe.
Skill Claude Code
Create or update a Pier Canvas under .pier/canvases using pier/canvas, pier/host, and project components. When mode / recipe / content are omitted, you infer the preview shell from intent (world mockup, fill board, docs, or methodology overview). Use only when explicitly invoked from Pier.
Skill Claude CodeCodex
Reviews Flutter code to find UI/UX improvements and writes an implementation plan for the ones you pick.
Skill Claude CodeCodex
Use when building or modifying UI with the Dile Components library (@dile/ui, @dile/crud, @dile/editor, @dile/utils, @dile/lib, @dile/iconlib, @dile/icons) — a framework-agnostic, Lit-based web component catalog. Trigger when installing/importing dile- custom elements, using tags like , , , building CRUD screens…
uigiuf/codex-visio-replica-workflow
Skill Claude CodeCodex
A workflow for creating or reproducing diagrams in Microsoft Visio from reference images, screenshots, whiteboards, architecture diagrams, flowcharts, or business diagrams.
Skill Claude CodeCodex
REQUIRED reading before using figmaexecute. Contains API syntax, parameter formats, and examples. READ rules/.md files for correct usage.
promptadvisers/bench-studio-public
Skill Codex
Create and inspect images, videos, local websites, and designed PDF documents through Bench Studio. Use when a request involves choosing a fal model, mapping reference media to model-specific fields, generating media with transparent pricing, building a prompt-driven website or PDF through the cached Codex…
Skill Claude CodeCodex
Use when extracting any Pencil design into Heisenberg Blade components. Enforces repo placement, token-only scoped CSS, prop-driven Blade, responsive output, and browser verification.
Skill Claude CodeCodex
Use this skill when the user wants to create any diagram: flowchart, architecture, UML (sequence/class), ER, mindmap, network topology, or any visual diagram. Trigger words: "draw", "diagram", "flowchart", "architecture", "UML", "sequence diagram", "mindmap", "ER diagram", "network topology", "visualize", "draw.io"…
touchine-ojo/OJO-Design-Skills
Skill Claude CodeCodex
Comprehensive App UI/UX design best practices. Supports two tracks: Convention Track (adopt a proven design language for SaaS/utility products) and Innovation Track (multiple brand-driven design methodologies — Material Metaphor, archetype-driven, narrative-driven, cultural-semiotic — for brand-driven products). Use…
Skill Claude CodeCodex
Create, redesign, repair, validate, preview, and package lightweight standalone HTML deliverables. Use for marketing experiences, product prototypes, infographics, motion narratives, documents, browser tools, dashboards, guided workflows, knowledge interfaces, mini-games, presentations, reusable style and brand…
Skill Codex
Create or refresh Morphous website design-system/theme bundles from animal, insect, plant, landscape, mineral, weather, or other nature motifs. Use when Codex is asked to generate Morphous motif images, light/dark design-system boards, reusable image prompts, generated web assets, shadcn/tweakcn theme exports, or the…
HermeticOrmus/LibreUIUX-Claude-Code
Skill Claude CodeCodex
Patterns for delegating UI work to specialized agents. Covers synthesis-master vs specialized agents, multi-agent UI generation workflows, and orchestration strategies for complex UI tasks.
Skill Codex
Design, review, or implement AgentOS UI and UX work using the project’s operator-console visual system. Use for React/Tailwind pages, cards, dialogs, mobile layouts, theme work, navigation, forms, empty/loading/error states, and UI consistency reviews in AgentOS.
Skill Claude CodeCodex
Minimal Excalidraw workflow for stable output. Steps: start session first, route Mermaid/manual inputs correctly, use the default Ghibli style, write in small batches, and verify.
Skill Claude CodeCodex
Produces Mermaid or PlantUML diagram code from user specifications for UML, architecture, and flow diagrams. Use when the user asks for diagram code or output for the generateuml / generateumlimage MCP tools. Supports Kroki-renderable output.
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: