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 Codex
Design new linear or filled SVG icons and cohesive icon sets through a mandatory raster-first workflow. Use when Codex must invent an icon concept, create branded UI icons, make matching navigation or feature icons, or extend an existing icon family. Always generate PNG concepts with ImageGen first, then invoke the…
Skill Claude Code
Comprehensive design skill: brand identity, design tokens, UI styling, logo generation (55 styles, Gemini AI), corporate identity program (50 deliverables, CIP mockups), HTML presentations (Chart.js), banner design (22 styles, social/ads/web/print), icon design (15 styles, SVG, Gemini 3.1 Pro), social photos…
Skill Claude CodeCodex
Review user-facing software changes for accessibility barriers across semantics, keyboard and other input, focus, structure, content, feedback, and assistive technology behavior. Use for web, mobile, desktop, CLI, and interactive UI changes; adapt the checks to the platform.
Skill Claude CodeCodex
Analyze annotated UI screenshots and markdown documentation to generate agent-consumable UI flow specifications. Use when processing web app UI flows described via markdown + screenshots into structured, automation-ready knowledge.
Skill Claude CodeCodex
An orchestration skill for taking a product idea from initial demand research through product structure, visual design, architecture, implementation, deployment, and release documentation.
Skill Claude CodeCodex
Build the UI for AI-native interfaces — streaming answers with citations, reasoning traces, tool-call chips, approval gates, agent task rows, prompt composers, confidence meters, proposed-diff tables. Use when implementing or reviewing any surface where a model or agent is the thing the user works with.
AbdulDevHub/Agent-Skills-Factory
Skill Claude CodeCodex
Use when the user requests diagrams, flowcharts, architecture diagrams, ER diagrams, UML / sequence / class diagrams, network topology, ML/DL model figures (Transformer/CNN/LSTM), mind maps, or any visualization. Also use proactively when explaining systems with 3+ components, complex data flows, or relationships that…
Skill Claude CodeCodex
Explore UI directions by generating several genuinely-different real-data HTML mockups in parallel, serving them so the user picks side-by-side, distilling each pick into locked constraints, and narrowing round by round until approved — then landing the winner in the real stack and refining. Use when the user wants to…
Skill Codex
Analyze local screenshots and image files with VisionBuddy through the installed WorkBuddy CodeBuddy CLI using free Hy3 or explicitly authorized DeepSeek V4 Flash. Use when Codex needs OCR, layout inspection, UI/design analysis, image description, visual comparison, or evidence from PNG, JPEG, WebP, GIF, or BMP files…
Skill Claude CodeCodex needs its repo
Outlines the process for converting Figma designs into a structured, platform-aware Flutter implementation.
Skill Claude CodeCodex
Orchestrate premium web development across all project types. Conducts 4 subagents (Designer, Architect, Builder, Reviewer) with Constrained Generation for unique design systems. Use for: new pages, redesigns, design systems, project setup.
Skill Claude CodeCodex
Distinctive, production-grade frontend design with bold aesthetic direction, curated palette/typography/layout presets, and a structured design-direction flow. Use whenever building or refining UI (landing pages, product surfaces, marketing sites, dashboards) — especially when the brief is visual, broad, or "make it…
Stephen-studying/tech-route-maker
Skill Claude CodeCodex
Create evidence-grounded editable technical route diagrams for research and engineering projects. Use when the user asks to draw, generate, visualize, render, export, or revise a technical route diagram, research route, paper method framework, publication figure, thesis proposal route, engineering system route…
DXBMARK/presentation-pro-designer
Skill Codex
Classify the presentation type before selecting the deck structure. Use the user's prompt, uploaded files, project sources, templates, brand guides, data, and prior examples as the primary authority. Do not force a classroom lesson structure onto corporate, proposal, verification, or investor decks.
balabalabalading/ardot-html-prototype-converter
Skill Claude CodeCodex
A skill for turning Axure or HTML prototype exports into editable Ardot prototype files. Ardot is a prototyping system where pages can be maintained and edited as structured components.
Skill Claude CodeCodex
Audit and fix mobile app UI/UX — enumerates every element on a named screen, questions existence and appearance, then fixes violations. Supports Flutter, Jetpack Compose, SwiftUI, and React Native.
Skill Claude CodeCodex
Use when writing, reviewing, or refactoring Flutter mobile UI code. Teaches Flutter-specific design principles (Material 3 + Cupertino adaptive), type scales, theming, spacing grids, motion, interaction, responsive layout, and UX writing. Prevents common Flutter AI-slop patterns like hardcoded Colors.purple, missing…
Skill Claude CodeCodex
Skill "VisioIntegration" from CloudDaddyZA/VisioIntegration, covering azure visio mcp — skill definition, metadata, when to use, trigger phrases and capabilities.
Skill Claude Code
Use when the user wants to design, redesign, shape, critique, audit, polish, clarify, distill, harden, optimize, adapt, animate, colorize, extract, or otherwise improve a frontend interface. Covers websites, landing pages, dashboards, product UI, app shells, components, forms, settings, onboarding, and empty states.…
Skill Claude CodeCodex
Local Codex-to-Figma workflow for inspecting, planning, creating, and refining the currently open Figma file. Use for natural-language requests about the current Figma canvas or when the user explicitly invokes $layntra.
Skill Claude CodeCodex
Use when designing UI with OpenPencil — creating layouts via op CLI, batch design DSL, or MCP tools. Covers PenNode schema, semantic roles, typography, color, spacing, and common component patterns.
RoninForge/roninforge-tailwind-v4
Skill Claude CodeCodex
Generate a UI component using correct Tailwind CSS v4 utility classes, CSS variable theming, and accessibility best practices. Prevents v3 syntax hallucination by grounding output in verified v4 patterns.
Skill Claude CodeCodex
Use whenever the user asks for a "vibe check", needs people to choose between copy or design variants, wants to fine-tune a visual direction, or is indecisive about options that need a user or team vote. Creates a local browser review session for static HTML and Markdown candidates.
bubba2koldd-design/OpenGenerativeUI
Skill Claude Code
UI mockups, dashboards, advanced interactivity, generative art, simulations, math visualizations, and design system rules for producing rich HTML widget output.
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: