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
Skill Codex
A visual quality gate for checking a finished user interface through real screenshots or recordings from the running app. It makes a PASS or REVISE decision from the player’s view, separately from code or automated test results.
Carlos-Dominguez-faber/forja-landing
Skill Claude CodeCodex
Construye landing pages cinematicas para cualquier tipo de negocio — personal brand, SaaS, agencia, producto, curso, consultor, clínica — con video hero Seedance, crítica anti-AI-slop y auditoría web. Usar cuando el usuario pide construir una landing page. Adapta secciones, copy y CTAs al tipo de negocio. Anti-AI-slop…
awesome-skills/mermaid-syntax-skill
Skill Claude CodeCodex
This skill should be used when the user asks to "create a mermaid diagram", "fix mermaid error", "mermaid syntax error", "diagram not rendering", "flowchart not working", "sequence diagram broken", "escape special characters in mermaid", or mentions "mermaid", "flowchart", "sequence diagram", "class diagram", "state…
Skill Claude CodeCodex
Error handling UX: destructive action confirmation, undo, empty states, descriptive error messages, crash recovery, and server error handling. This is also the canonical home for empty-state standards. Use when designing or reviewing error states, confirmation dialogs, undo flows, or any screen that needs to handle…
giang6283623/minimal-vibe-coding-kit
Skill Codex
Plan, build, and verify an authorized website clone or migration through one front-loaded requirements session and an optional autonomous A-to-Z run. Use for small marketing or content sites, corporate sites, web applications, and small, medium, or large ecommerce projects from local screenshots, mock JSON, owner…
fabricioartur/codex-excalidraw-skill
Skill Codex
Create, inspect, and edit Excalidraw diagrams as editable .excalidraw JSON files. Use when Codex needs to turn architecture sketches, process flows, user journeys, system diagrams, workshop notes, whiteboard-style visuals, or Mermaid-like node-and-edge specs into an Excalidraw file; modify existing Excalidraw scenes…
Skill Claude CodeCodex
Lanhu to Code workflow for Claude Code. Convert Lanhu design URLs into Vue/React frontend code with component reuse, design token mapping, TODO-safe business logic, and optional code review.
Skill Claude CodeCodex
Design and implement Qt Quick UI with bounded context and adaptive verification.
Skill Claude CodeCodex
Prepare and export favicon assets from Figma in common web sizes and formats.
Skill Claude CodeCodex
Create low-fidelity, text-based wireframes using the Markdown-UI Domain Specific Language (DSL).
Skill Claude CodeCodex
Use this skill whenever the user wants to build, plan, redesign, or even just think through a website. This skill guides the full creation process — from initial discovery and competitive niche research all the way through site architecture, style guide, interactive localhost mockups, SEO copywriting, and schema…
Skill Claude Code
Author, edit, and render deterministic .zen design documents (posters, decks/slides, social graphics, flyers, books, magazines, diagrams, ads) with the zenith CLI. Use when the task is to create or change a visual design as structured, editable, version-controllable source — not a flat AI image. Covers: design tokens…
Skill Claude CodeCodex
Universal branded office document generation suite. Extracts brand identity from a company logo, builds a complete design system (brand-config.json), then generates professional Excel, Word, PPT, PDF, flowcharts, handbooks, and diagrams — all consistently branded. Use this skill whenever the user wants to: create…
vermont42/iOS-Design-Agent-Skill
Skill Claude CodeCodex
Audit and improve iOS/SwiftUI app aesthetics — typography, color, spatial composition, motion, and atmospheric depth. Use when reviewing UI design, critiquing screenshots, or improving SwiftUI view code beyond functional correctness.
Skill Codex
A visual-asset planning guide for AI projects that identifies which characters, places, objects, products, colors, and styles should stay consistent across generated images. It defines those assets, their dependencies, prompts, checks, and later use.
Skill Claude CodeCodex
Generate custom CSS rules and HTML head tags for ReadMD document styling.
Skill Claude CodeCodex
This skill should be used when the user asks to "create a diagram", "draw a flowchart", "make a swimlane diagram", "create WBS", "generate RACI matrix", "build network diagram", "create org chart", or mentions draw.io, diagrams.net, BPMN, UML, Gantt, PERT, or project management diagrams. Integrates with…
efeunalmedia-lab/efeunal-website-seo
Skill Claude CodeCodex
Modern web design trends, principles, and implementation patterns for 2024-2025. Use this skill when designing websites, creating interactive experiences, implementing design systems, ensuring accessibility, or building performance-first interfaces. Triggers on tasks involving modern design trends, micro-interactions…
luongphambao/diagram_code_agent
Skill Claude CodeCodex
Build production-quality architecture diagrams in the "centvra/deepstream" house style using the prettygraph helper — title + subtitle, semantically-COLORED rounded node boxes (icon on the left + bold label), tinted nested clusters, and gray concern-labeled edges. Consult before writing a pretty-style diagram.
Skill Claude CodeCodex
Design system component workflow. Spec, document, implement, review, spec-review, and audit DS components with Figma as primary input. 6 actions: spec, doc, ship, review, spec-review, audit. Auto-activates on: "component", "spec component", "doc component", "ship component", "review component", "spec-review…
Skill Claude CodeCodex
Complete brand development system with emotive foundation. Triggers on requests for brand identity, logos, visual systems, or design guidelines. Creates distinctive, anti-AI-slop design from strategy through delivery.
Skill Claude CodeCodex
A guide for designing presentation slides as editable HTML-based decks, with optional conversion to PowerPoint. It covers slide structure, visual layout, data displays, and design choices.
seunghan91/ios26-design-system
Skill Claude CodeCodex
Build iOS 26 Liquid Glass interfaces on web and cross-platform. Source: Apple Figma Community Kit.
Skill Claude CodeCodex
Architectural modeling in Rhino 3D through the rhino-architect MCP tools. Use whenever the user wants to model, edit, analyze, or document buildings in Rhino - massing studies, floor plates, cores, facades, openings, floor plans, sections, area schedules, materials, or viewport captures. Also use when tracing…
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: