13,304 tagged Design and UX, measured the same way as everything else here.
Browse within: design-system 166agentic-ai 157agentic 152ai-tools 131skills 128ai-design 112byok 106agent 102desktop-app 93coding-agents 91ai-ppt 88ai-ppt-generator 87aippt 87html-ppt 87
summer-ai-lab/scientific-figure-shapes
Skill Claude CodeCodex
A method for rebuilding scientific figures, mechanism diagrams, screenshots, and academic visuals as editable PowerPoint VBA shapes. VBA is PowerPoint's built-in scripting language.
Skill Claude CodeCodex
Turn a screen recording (.mp4 / .mov / .m4v) into a production-ready DESIGN.md — 10 sections, exact hex codes, exact font weights, exact spacing, every screen folded in. Produces the Spectr gallery spec format. Use when the user has dropped a screen recording in chat and wants to clone or document the app.
jpiece3/lead-magnet-quiz-workflow
Skill Claude CodeCodex
Create distinctive visual specifications for the lead magnet funnel that match the brand's visual personality. Output design tokens, component variants, and implementation guidance that produces visually unique quiz experiences.
dyeoman2/tanstack-start-template
Skill Codex
Design and restyle TanStack Start routes and React components in this repo using the March 2026 GPT-5.4 frontend guidance while preserving local conventions. Use when building or refining marketing pages, dashboards, admin surfaces, authenticated app views, page-level layouts, visual systems, or interaction polish in…
Brain-ai-biz/Brain-edit-slides
Skill Claude CodeCodex
Add a Canva-style visual Edit Mode to any HTML presentation/slide deck. Use this skill EVERY TIME you create, generate, or finish building an HTML presentation, slide deck, or מצגת for the user - inject the editor automatically as the final step. Also use when the user asks to "make my deck editable", "add edit mode"…
Skill Claude CodeCodex
Use when the user needs UI/UX research using Mobbin MCP — screen references, flow research, competitive audits, pattern exploration, or PRD-driven research. Triggers on: Mobbin search, mobbin research, screen references, product flow research, pattern analysis, competitive UI audit, UX benchmarking, onboarding flow…
Amsterdam/amsterdam-agent-skills
Skill Claude CodeCodex
Mandatory for all Gemeente Amsterdam UI work. Use for pages, layouts, forms, dashboards, landing pages, React/JSX/TSX components, styling, theming, scaffolding frontend projects, or any visual interface. Covers @amsterdam/design-system-react, CSS tokens (--ams-), BEM CSS with ams- prefixes, 4/8/12-column Grid…
daetojemax/figma-to-swiftui-skill
Skill Claude CodeCodex
Convert Figma URLs, nodes, selections, or briefs into production SwiftUI for iOS using Figma MCP. Use for Figma-to-SwiftUI implementation, planning, design tokens, and asset export; not for web or React.
Skill Claude CodeCodex
Design and code a self-contained HTML dashboard for DeepSQL — ground on the schema, verify SQL, then emit it as a shell plus one verified widget block at a time so the canvas builds progressively.
Skill Claude CodeCodex
Create, edit, visually inspect, and export CarouselBot slides through the local CarouselBot MCP companion.
Skill Claude Code
Builds SVG user-flow diagrams for an audit (entry → screens → conversion/drop-off) following the PLAYBOOK §11a constants. Use when the user asks for a "flow diagram", "user flow", or "flow map".
Skill Claude CodeCodex
Use this skill whenever the user wants to use AI agents to work with Penpot design files via the Penpot MCP Server. Triggers include: using Penpot through an AI agent, design files, design systems, design tokens, Penpot MCP, design-to-code, generating UI from design, auditing a design system, creating…
Skill Claude CodeCodex
Create distinctive, production-grade HTML/CSS frontends with exceptional design quality.
Skill Claude CodeCodex
Audit a company's website from a buyer's perspective — positioning, funnel, proof, and differentiation. Use when user says 'audit this site', 'review my website', 'marketing audit', 'homepage critique', 'site teardown', 'why isn't my site converting', 'what does my site say about us', or 'what does a visitor see in 5…
Skill Claude CodeCodex
Provision Postgres + REST API + auth + content-addressed storage + serverless functions + email — paid with x402 USDC on Base. Prototype tier is free on testnet. Use when the user asks to build a webapp, deploy a site, create a database, generate images, or mentions Run402.
Skill Codex
World-class information architecture workflows for product and design teams: define navigation, taxonomy, labeling, content models, and page hierarchy so complex products feel obvious. Use when designing or redesigning an app/website structure, menus, docs/knowledge base IA, onboarding flows, search/filtering…
alessioarzenton/claude-code-wp-toolkit
Skill Claude CodeCodex
Build scalable design systems with Tailwind CSS v4, design tokens, component libraries, and responsive patterns. Use when creating component libraries, implementing design systems, or standardizing UI patterns.
Skill Claude CodeCodex
Agent-native design engine that makes AI do more useful work: route the prompt, fork a template, weave IFQ ambient craft, verify the artifact, and only install export tooling when requested. One prompt -> shippable HTML, with optional MP4 / GIF / PPTX / PDF / SVG. Triggers include prototype, hi-fi mockup, slide deck…
zhousodo/paper-submission-check
Skill Codex
Comprehensive figure styling, color scheme, typography, axis/grid design, aspect ratio, legend system, statistical visualization, layout, table design, caption formatting, cross-reference audit, cross-figure consistency, export quality pipeline, hyperlink color policy, and cross-publisher adaptation (Elsevier, IEEE…
Skill Claude Code
Design Copilot with two enforcement layers (Taste Guardian + Blind Spot ESLint plugin, 14 rules). Works standalone with zero dependencies. 7-phase design pipeline. Produces Awwwards-level websites with automated UI hygiene enforcement.
Skill Claude CodeCodex
Create visual diagrams as Excalidraw files (.excalidraw) that ARGUE visually — process flowcharts, system architecture & data pipeline diagrams, sequence/timeline/lifecycle diagrams, mindmaps/org charts/hierarchy trees/entity-relationship (ER) diagrams. Use this skill when the user wants to "draw a diagram", "make a…
Skill Claude CodeCodex
Generates Figma Code Connect mappings for React or Angular repos, validates them with pre-checks and the Figma CLI, and can publish via figma connect. Use when a user provides a Figma file URL and a component repo and asks for Code Connect files, figma.config.json, or validation.
Skill Claude CodeCodex
A design system and template library for creating Cherry Studio presentations and other visual materials. It defines reusable page layouts, spacing, typography, icons, and visual rules.
Skill Claude CodeCodex
AI skill for automated UI audits. Evaluate interfaces against proven UX principles for visual hierarchy, accessibility, cognitive load, navigation, and more. Based on Making UX Decisions by Tommy Geoco.
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: