13,366 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
Build UIs with React Spectrum S2 (Spectrum 2), Adobe's component library for React. Use when developers are using @react-spectrum/s2 or need Adobe design system components. Includes React Aria Components docs as a reference for building custom components on top of unstyled primitives.
Skill Claude CodeCodex
Create premium, Awwwards-quality website designs as React (.jsx) components that look like they were built by a top-tier agency charging $50k+ per project. Use this skill whenever the user asks for a website, landing page, portfolio, or web component that should look expensive, premium, luxury, editorial, high-end, or…
Skill Claude Code
Anti-slop frontend skill for landing pages, portfolios, and redesigns. The agent reads the brief, infers the right design direction, and ships interfaces that do not look templated. Real design systems when applicable, audit-first on redesigns, strict pre-flight check.
Skill Claude CodeCodex
Convert a finished trip plan into a polished, self-contained HTML page using the design system.
Skill Codex
Open and orchestrate the local DeepSeek Harness Skin Studio, co-design a structured DSH theme through MCP or JSON CLI, show live preview in the independent web UI, and safely apply or restore only after the human confirms in that visible UI. Use when the user asks to design, preview, change, inject, install, repair…
Skill Claude CodeCodex
Turn a fully grounded answer into an interactive Fify information view when comparison, planning, chronology, tracking, structured explanation, decision support, or editable state materially improves the answer. Use when the user tags @Fify or explicitly asks for an interactive view, and conservatively for naturally…
Skill Claude CodeCodex
Validates UI/UX designs with UXLoom — models user journeys as state machines and proves what screens are missing (unreachable states, dead ends, empty/loading/error coverage, WCAG contrast, touch targets, localization overflow) before code exists. Use when designing screens or user flows, validating AI-generated UI…
vria-consulting/vria-fire-detect
Skill Claude Code
Use this skill to generate well-branded interfaces and assets for Kanari (kanari.io, app de détection précoce des feux de forêt), either for production or throwaway prototypes/mocks/etc. Contains essential design guidelines, colors, type, fonts, assets, and UI kit components for prototyping.
Skill Claude CodeCodex
Choose among Kokonut UI, React Bits, daisyUI, Bklit UI, Anime.js, Rive, and Magic UI for frontend work. Use for pages, dashboards, landing pages, animation, data visualization, or interactive graphics; do not use when no UI/library choice is involved.
Skill Codex
Preview, edit, annotate, and generate final local HTML artifacts through Anno. Use when a user asks to open an .html/.htm file for visual review, directly edit page text, mark formatting or layout changes, continue an existing review session, or turn completed browser edits and annotations into a final standalone HTML…
Skill Claude CodeCodex
Symbols platform + DOMQL v3.14 framework skill. Use when working in a Symbols project (a directory tree containing symbols.json), writing or editing DOMQL components/pages/design-system tokens, using the smbls CLI (start, build, push, publish), converting React/HTML to DOMQL, or auditing frankability. Routes all…
Skill Claude CodeCodex
Convert a raster image to a clean SVG vector using svg.new.
Skill Claude Code
Use this skill to generate well-branded interfaces and assets for Google Trends MCP — the AI-first Google Trends SaaS — either for production or throwaway prototypes/mocks/decks. Contains essential design guidelines, colors, type, fonts, brand assets, and UI kit components (marketing, dashboard, docs) for prototyping.
Skill Claude CodeCodex
Map view configuration and layer cartography for Centia BaaS, including per-schema map center/zoom/extent, layers, classes, styles, and labels, MapServer-backed rendering, id round-trip rules, and payload value conventions.
simongonzalezdc/web-typography-skill
Skill Claude CodeCodex
Expert front-end web typography — apply this whenever you are styling text on the web or making type decisions in HTML/CSS/JSX/Tailwind. Use it to choose and pair fonts, build a type scale, set body copy and headings, tune fluid/responsive type with clamp(), fix line-height, rhythm, measure and heading wraps, improve…
humbleteam/extract-design-tokens
Skill Claude CodeCodex
Extracts a design-token set - palette, type, spacing, radii, shadows, motion - from a live URL, screenshots, or a CSS file, into CSS custom properties plus a W3C Design Tokens JSON file. Trigger on "extract design tokens from this site", "pull the tokens from this screenshot", "turn this CSS into tokens", "build a…
Skill Codex
Run a bounded audit-remediation-audit loop for an authorized design set or implementation plan, whether produced as plain documents, OpenSpec artifacts, Superpowers plans, or equivalent formats. Use when one invocation should select DESIGN READY or PLAN READY, normalize artifact roles, apply risk-proportionate review…
Skill Claude Code
Use when the user wants a UX / UI / interaction-design review or redesign of an app, dashboard, editor, canvas, AI/agentic product, web app, or mobile app — including microinteractions, motion, loading, error recovery, empty states, accessibility, perceived performance, and AI trust/observability. Triggers on "audit…
humbleteam/accessibility-audit
Skill Claude CodeCodex
Runs a WCAG 2.2 accessibility audit of a screenshot, URL, or HTML/JSX and reports findings by severity (P0 blocks use, P1 degrades use, P2 friction), each with a success-criterion citation. Use for "check accessibility", "run an a11y audit", "is this WCAG compliant", "is this accessible", or "audit contrast and…
Skill Claude CodeCodex
Build, customize, and theme Angular Material + CDK UIs the modern way — signal primitives (input()/output()/model()/computed), native control flow (@if/@for/@switch), standalone + OnPush + zoneless. Use when adding/using any Material component, building custom widgets from CDK primitives, overriding the Material…
Skill Claude CodeCodex
Component Theme Generator that transforms color palettes into production-ready UI components. Use when the user requests themed components (buttons, cards, inputs, forms, etc.) based on a color system or palette, especially when consuming output from Hexed or other color generation tools. Generates complete component…
Skill Claude CodeCodex
Runs a pre-ship design QA gate on a screenshot, URL, or PR HTML/CSS - checks states, WCAG 2.2 contrast, touch targets, breakpoints, and keyboard paths, then returns a pass/fail table and fix list. Trigger phrases - "QA this screen", "is this ready to ship", "check this PR for accessibility issues", "audit before…
Skill Claude CodeCodex
Design execution engine. Holds the accessibility and craft standards as pass/fail gates, picks a page or composition shape before any visual rule so two briefs do not produce the same layout, and runs a computed ship check before delivery. Use this skill for ANY design or build task in any medium: poster, flyer…
Skill Claude CodeCodex
Draw on, annotate, and mark up screenshots — circles, rectangles, arrows, spotlights, blur effects, macOS cursors, and zoomed insets. Use this skill whenever the user asks to draw, annotate, mark up, highlight, point out, emphasize, circle, box, or call attention to anything in a screenshot or image. Trigger…
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: