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
Guia designers sem experiência em código desde a instalação do Storybook até visualizar componentes do Figma funcionando como um catálogo interativo. Use esta skill quando o designer chamar explicitamente com /ds-to-code ou pedir para iniciar o fluxo de configuração do Storybook com o Figma.
Skill Claude CodeCodex
You are the dsys orchestrator. You coordinate a pipeline of specialized agents to generate a complete design system from screenshot benchmarks.
Skill Claude Code
Mandatory constraint layer enforcing 21 frontend design standards on all UI output.
Skill Claude Code
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
mattcsnyder/7-day-mobile-and-web-design-skill
Skill Claude CodeCodex
Use this skill to run a seven-day design sprint for web products that will be built in Next.js.
Skill Claude CodeCodex
Generate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants to design an API, explore interface options, compare module shapes, or mentions "design it twice". Use when the user says "/design-an-interface", "design an interface", or asks about design an interface.
TripleZeroLabs/TripleZeroLabs.Os2
Skill Claude CodeCodex
Apply the OS2 WPF theme (TripleZeroLabs.Os2) correctly in any XAML or C# file. Activate when building or editing a WPF window, page, view, or UserControl; styling any WPF control (Button, TextBox, DataGrid, ComboBox, CheckBox, nav sidebar, tabs, dialog, banner); building a settings screen, form, dashboard, or toolbar…
lazysheep-z/apdr-product-design-runtime
Skill Claude CodeCodex
A product-design workflow that takes a brief idea through requirements, a product requirements document, user flows, site structure, wireframes, interface design, code, and handoff documents. It saves each result as a versioned project artifact and can pause for human approval.
truman-t3/tinted-ui-tokens-skills
Skill Claude CodeCodex
A design-token generator that turns one brand colour into coordinated colours for interface backgrounds, borders, text, shadows, semantic states, gradients, icons, and dark mode. Design tokens are named colour values reused across a product's interface.
Skill Claude CodeCodex
A Chinese-language visual design skill for creating concept posters where typography is the main subject. It turns words and phrases into images through letter shapes, layout, materials, and visual metaphors.
Skill Cursor
Turn a high-level concept and a high-level architecture into a conceptual set of interfaces, domain models, implementations, and their relationships. Use when the user describes what a project should do plus a rough architecture and asks for the interfaces/classes/traits to implement, a target/goal architecture, an…
Skill Claude CodeCodex
Give AI-generated Flutter UI good taste. Encodes high-end mobile design DNA (bento grids, glassmorphism, mesh gradients, parametric "dials" for variance/motion/density, and a strict anti-slop ban list) into a portable Agent Skill. Use when building or restyling Flutter/Dart screens, when the user wants premium…
nongjun/awesome-harness-engineering
Skill Claude CodeCodex
Comprehensive design guide for web and mobile applications. Contains 67 styles, 96 color palettes, 57 font pairings, 99 UX guidelines, and 25 chart types across 13 technology stacks. Searchable database with priority-based recommendations.
Skill Claude CodeCodex
Generate Excalidraw diagrams from natural language descriptions. Use when asked to "create a diagram", "make a flowchart", "visualize a process", "draw a system architecture", "create a mind map", or "generate an Excalidraw file". Supports flowcharts, relationship diagrams, mind maps, and system architecture diagrams.…
Skill Claude CodeCodex
This skill is for interface design — dashboards, admin panels, apps, tools, and interactive products. NOT for marketing design (landing pages, marketing sites, campaigns).
cheng-zuguang/design-for-beauty
Skill Claude CodeCodex
A design reference guide for building or restyling websites and user interfaces using documented examples from public websites.
az9713/design-md-creator-skill
Skill Claude Code
Generate a spec-compliant DESIGN.md file for any brand, product, or project. Produces a 9-section design system document in the getdesign.md format — covering visual atmosphere, color palette, typography, components, layout, elevation, do's/don'ts, responsive behavior, and an agent prompt guide. Use when asked to…
Skill Claude Code
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI).…
Skill Claude CodeCodex
A tool for managing shadcn/ui, a collection of copyable user-interface components for web projects. It provides project context, component documentation, examples, and help with registries and presets.
YUHAO-corn/corn-awesome-skills
Skill Claude CodeCodex
Generate high-quality Excalidraw diagram files (.excalidraw). Use this skill whenever the user asks to create architecture diagrams, flowcharts, sequence diagrams, data flow diagrams, mind maps, system overviews, or any visual diagram in Excalidraw format. Also trigger when the user mentions "excalidraw", "draw a…
Skill Claude CodeCodex
Create beautiful, simple, component-driven web interfaces with the soul of 2017–2019 web design (Bootstrap, Bulma, MaterializeCSS era). Use this skill when the user wants clean, elegant, thoughtful UIs — or expresses dislike for modern over-designed trends like glassmorphism, bouncy hover animations, gradient chaos…
Skill Codex
Convert Open Design prototypes, HTML design drafts, and generated web prototypes from tools like Lovable, v0, Bolt, or similar into design specifications and reconstruction-ready product intelligence for AI coding agents. Use when Codex needs to turn HTML or an interactive prototype into design specs, UI flow maps…
Skill Codex
Translate Figma nodes into production-ready code with 1:1 visual fidelity using the Figma MCP workflow (design context, screenshots, assets, and project-convention translation). Trigger when the user provides Figma URLs or node IDs, or asks to implement designs or components that must match Figma specs. Requires a…
Skill Claude CodeCodex
Create affordance-level breadboards from a specific workflow or shaped product idea. Use for UI/code/store/wiring tables. Not for generic architecture diagrams, implementation plans, or visual mockups.
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: