13,362 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 needs its repo
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…
Skill Claude CodeCodex
Turn a natural-language cloud architecture description into an editable diagram whose nodes are official vendor service icons (Azure, AWS, GCP, Kubernetes), exported as PDF, draw.io, or VSDX (Lucid-importable). Use when the user asks to draw, diagram, or visualize a cloud/system architecture, or to produce a…
Skill Claude CodeCodex
Comprehensive UI/UX quality audit and prevention system that catches the failures AI consistently ships, including broken or shifting layouts, text overflow, inconsistent components, missing states, poor contrast, undersized touch targets, accessibility violations, performance jank, and generic "AI slop" aesthetics.…
Skill Claude CodeCodex
Quick 12-point UX pre-ship checklist with pass/fail verdict. Use when user says "UX checklist", "pre-ship check", "ready to ship?", "quick UX check", "laws-of-ux checklist", or "ship check".
jeremidelacruz/growthlab-skills
Skill Claude CodeCodex
Use when an LLM needs to respect a brand it has never seen — or when a deliverable came back off-brand, colors were guessed, or a font was invented. Also when a brand identity lives only in a PDF manual, a website, or someone's head, and needs to become rules a model can check itself against. Triggers on: "design.md"…
lexs32/ultimate-design-engineer
Skill Claude CodeCodex
The master design engineering skill encoding Emil Kowalski's polish philosophy, Apple's fluid interface principles, Anime.js 3D/timeline motion, Motion spring physics, Kokonut UI component aesthetics, and Backlit UI dark-mode charts. Use when designing, animating, or reviewing web UIs to achieve high-precision craft…
Skill Claude Code
Apple's approach to interface design and fluid, physical motion, translated for the web. Use when building or reviewing gesture-driven UI, spring animations, drag/swipe/sheet interactions, momentum and interruptible transitions, translucent materials and depth, typography (optical sizing, tracking, leading)…
Skill Claude CodeCodex
Run a structured UX critique on a screenshot, URL, or HTML snippet - a 0-4 score, up to 6 prioritized issues each with Before/After/Why, and one citation per claim. Given two or more variants, compares them on shared dimensions and names a winner. Given a screen plus a decision question, answers the question with the…
imamirezaei/Product-Team-Claude-Skills
Skill Claude CodeCodex
Use this skill to generate interactive HTML wireframes showing a feature in multiple states AND multiple interaction pattern variants. Triggers: 'show me what this looks like', 'generate a wireframe', 'I want to see all the states', 'show me different ways to implement this', 'make a visual prototype of the flow'…
Skill Claude CodeCodex
Reconstruct a geometric PNG (logo, icon, monogram) as a clean native SVG with exact geometry and gradients, using an analyse -> measure -> model -> check -> residuals iteration loop scored by perceptual metrics. Use when asked to vectorise, trace or convert a PNG/WebP logo to SVG, recreate a logo's geometry, rebuild a…
aliborhothamud/claude-melhores-skills
Skill Claude CodeCodex
Use when a landing page, marketing site, or hero section looks generic/AI-made ("cara de vibe coding") and needs a $10k-agency-level redesign, or when building a new landing from scratch. Triggers - "o site ficou com cara de IA", "quero uma landing premium", "redesenha a landing", "faz o site baseado em [site de…
Skill Claude Code
Generate or update a DESIGN.md for the current project following the google-labs-code/design.md specification. Inventories existing design inputs (theme.json, Tailwind config, CSS custom properties, DTCG tokens, brand assets), maps them to typed tokens (colors, typography, rounded, spacing, components), writes the…
Skill Claude CodeCodex
Generate web assets including favicons, app icons (PWA), and social media meta images (Open Graph) for Facebook, Twitter, WhatsApp, and LinkedIn. Use when users need icons, favicons, social sharing images, or Open Graph images from logos or text slogans. Handles image resizing, text-to-image generation, and provides…
Skill Claude CodeCodex
Design, build, refactor, or review polished responsive analytics dashboards, SaaS admin dashboards, business intelligence interfaces, and data-heavy product UI using Yafa-UI. Covers sidebar navigation, one-row page headers, multi-color KPI cards, charts, tables, filters, Lucide icons, accessible states, and mobile…
Skill Claude CodeCodex
Ship a new page for a brand that already exists, as if that brand's own team shipped it. Use when the request names one reference site and asks for a page inside its identity — a pricing page for X, a careers page in Y's system, "as if their design team built it". Not for inventing something new.
Skill Claude CodeCodex
A user-interface design guide for reviewing and improving screens, styles, layouts, colours, animations, icons, and design-system rules.
Skill Claude CodeCodex
Use for any design, UI, or UX work on Apple-platform products, including visual design, interaction design, layout, navigation, accessibility, design review, and implementation decisions that should align with Apple Human Interface Guidelines.
vodoon-cell/ai-website-cloner-template-all
Skill Claude Code
Reverse-engineer and clone one or more websites in one shot — extracts assets, CSS, and content section-by-section and proactively dispatches parallel builder agents in worktrees as it goes. Use this whenever the user wants to clone, replicate, rebuild, reverse-engineer, or copy any website. Also triggers on phrases…
Skill Claude CodeCodex
Download, organize, check, incrementally sync, and zip public Behance project or moodboard URLs. Use when the user provides a public Behance project link or moodboard link and wants local image extraction, update checks, incremental downloads, stable moodboard folders, or ZIP packaging.
Skill Claude Code
Add a new named cabinet preset to cabineteer. Use when asked to add a preset, template, or canned design to presets.py (surfaced via listpresets / applypreset). Covers the CabinetPreset registration pattern, the opening-stack sum invariant, and the guard test that every preset must evaluate with zero errors.
Skill Claude Code
Create and modify 3D CAD models using Replicad TypeScript API in ShapeItUp.
Skill Claude CodeCodex
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.
dynsoft-lab/software-as-content-sdk
Skill Claude CodeCodex
Render interactive engineering workbenches via the SaC (Software as Content) interaction layer. Use when the user wants Codex analysis shown as an evolving interactive app.
trin-zenityx/21st-dev-builder-v2
Skill Claude CodeCodex
Build websites and web apps using 21st.dev — the largest marketplace of shadcn/ui-based React Tailwind components with 1400+ components. Use when user mentions "21st.dev", "21st", "ใช้ 21st", "จาก 21st", "build with 21st", "21st component", "21st magic MCP", or references the 21st.dev component registry in any…
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: