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
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.
SAP/ui-theme-designer-plugins-for-coding-agents
Skill Claude Code ✓ vendor
Provides customer-facing UI theme designer help from help.sap.com (BTP / Cloud Foundry edition). Use whenever you need to check what is — or is not — documented for customers about UI theme designer: setup, user/role management, themes and theme sets (creating, editing, publishing, transporting, fallback)…
Skill Claude CodeCodex
A tool for reading the desktop window, interface element or screen area that a user selects with Little Mouse Pointer.
Skill Claude CodeCodex
See and understand images when you (the current model) have no native vision. Use this WHENEVER you need to look at, read, describe, OCR, or reason about the contents of an image, screenshot, photo, diagram, chart, UI mockup, or scanned page — including when the user references a local image file or an image URL and…
Skill Claude CodeCodex
Wire Tyrekick review into the current web project and summon human feedback with one sentence. Use when the user says "make this reviewable", "get feedback on this", "add tyrekick", "let people comment on this", "get eyes on this", "ask to look at this", or when a prototype you just built/deployed needs human review.…
Skill Claude CodeCodex
Use when the user wants to edit or polish an image in chat with the MarkItUp connector — remove a background, upscale/enhance, add labeled callouts to a screenshot, outpaint/reframe to a new aspect ratio, or turn a screenshot into a marketing visual. Guides correct image input (public URL or the MarkItUp upload link…
Skill Claude CodeCodex
Create and publish link-in-bio websites via the unulu MCP server. Use when a user wants to build a personal landing page, portfolio, or link-in-bio site. No API key or sign-up required.
AndreyTsibin/mcp-super-app-public
Skill Claude CodeCodex
Create branded architecture, IT current-state, flowchart, sequence, state machine, ER/data model, timeline, swimlane, quadrant, radar/spider, loop/flywheel, nested, tree, org chart, layer stack, Venn, pyramid/funnel, bar, line, Gantt and scatter charts, high-level, process, medallion, data flow, DP integration, or DP…
Skill Claude CodeCodex
Automated spacing & grid QA for web UIs, inside the agent loop. Use for "design QA", "check spacing", "fix my grid/spacing", "audit UI", "design review", "show me the spacing issues", "generate a design report", "give me an audit report", and automatically after you generate or modify frontend UI. Renders the running…
Skill Claude CodeCodex
Use when creating, editing, inspecting, exporting, or troubleshooting Flato designs through Flato Design MCP tools such as flatowhoami, flatogetdesigncontext, flatocreatepages, flatoupdatepages, flatoupdatecanvas, and flatoexport.
lelephi/marketing-agent-skills-for-founders
Skill Claude CodeCodex
Review a company website or landing page the way a head of design, a CMO, and the actual customer would. Scores it out of 50, ranks the gaps by revenue damage, and rewrites the hero. Use whenever someone shares a homepage, landing page, marketing site, or URL, or screenshots, or pasted hero copy, and wants feedback, a…
jneaimi/evaluate-before-you-build
Skill Claude CodeCodex
Solution design skill based on Bloom's AI Collaboration model. Use when the user says /design, wants to design a solution, compare architectural options, evaluate tradeoffs, or produce a solution design document before building. Also trigger on phrases like "design the solution", "how should we architect this"…
Skill Claude CodeCodex
Generates consistent, locked-style sets of photographic, textured, or 3D-material-rendered icons via Ideogram — 3D-rendered, claymation, hand-painted, or isometric-with-material-texture icon packs that hold a shared style recipe across every icon in the batch. Use when the user asks for "3D icon set," "claymation…
Skill Claude CodeCodex
Create a diagram, chart, schema, flowchart, or any visual representation as an Excalidraw file. Use when the user asks to "draw", "diagram", "visualize", "create a schema", "make a chart", or "show the workflow" of something.
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.
SpeakQuery/flutter-ai-ui-skill
Skill Claude CodeCodex
A master-level Flutter UI/UX design skill that equips AI coding assistants with curated design intelligence, colour palettes, typography pairings, animation patterns, component blueprints and actionable checklists for building beautiful, accessible, production-ready Flutter applications. Covers Material 3, Cupertino…
Skill Claude Code
Complete system design reference for the Loadout VSCode extension — a GUI panel for managing Claude Code agents, skills, and commands as swappable equipment loadouts. Use at the start of ANY implementation task to ensure design consistency. Covers: two-process architecture (Extension Host Node.js + Angular 21…
ChanMeng666/svg-animation-studio
Skill Claude Code needs its repo
Create, edit, or remix an animated SVG file from a natural-language description. Use this whenever the user asks you to make, build, design, generate, animate, or "draw something that moves" — mascots, logos, loaders, badges, icons, characters, brand marks, or any visual asset that should animate. Always prefer this…
Skill Claude Code
Personal font reference and setup helper. Use when discussing typography, choosing fonts for a project, setting up font imports, or when the user is starting a new project and needs to pick typefaces.
Skill Claude CodeCodex
Priority-ordered rulebook of core UX/UI laws, cognitive-psychology principles, Nielsen's usability heuristics, and accessibility requirements that Claude must actively apply (not just cite) whenever it designs, builds, redesigns, reviews, or critiques any user interface — websites, web/mobile apps, dashboards, forms…
Skill Claude Code
Atelier suite — the art-direction brain. Decide the design direction BEFORE writing any frontend code: which aesthetic, which "world" (production vs award-grade), the concept, the palette mood, type voice, motion budget, layout archetype, and signature moment. Produces a Direction Doc scaled to the task (a one-line…
cruzedevelopment/use-ui-libraries
Skill Claude Code
Enforces using existing UI component libraries, design systems, and registries instead of building components from scratch. Auto-triggers when building UI, creating components, designing pages, adding frontend features, or working on any web application interface.
Skill Claude CodeCodex
A workflow for creating frontend user-interface visuals with AI, from visual reference and real materials to generated code, browser screenshots, and visual comparison. It focuses on layouts, typography, exact text, interface states, and avoiding invented content.
Foster1202/cad-modeling-fusion-skill
Skill Claude CodeCodex
Generate parametric CAD model specifications and Autodesk Fusion Python scripts from natural-language 3D modeling requests. Use when the user asks to create, automate, modify, export, or validate CAD models for Fusion, FreeCAD, OpenSCAD, STEP, STL, OBJ, or 3D printing.
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: