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
A workflow for creating a logo and the basic visual rules around it, from brand questions through image generation, SVG cleanup, and testing at different sizes and backgrounds.
Skill Claude CodeCodex
Implement custom window chrome for Tauri v2 desktop apps, including app-drawn titlebars and toolbars, borderless windows, cross-platform caption controls, drag regions, and platform-specific window-frame behavior. On macOS, preserve native red/yellow/green traffic lights and restore transparent rounded shells, native…
Skill Claude Code
Define and design a product metrics dashboard with key metrics, data sources, visualization types, and alert thresholds. Use when creating a metrics dashboard, defining KPIs, setting up product analytics, or building a data monitoring plan.
Skill Claude CodeCodex
Create beautiful, elegant Excalidraw diagrams based on user intent. Use when user asks to draw, visualize, diagram, sketch, illustrate concepts, create flowcharts, architecture diagrams, mind maps, process flows, or any visual representation. Triggers on keywords like "draw", "diagram", "visualize", "sketch"…
Skill Claude CodeCodex
Run and operationalize VertaaUX UX, accessibility, and conversion audits across CLI, CI/CD, SDK, API, and MCP. Use when the user needs to audit a URL, investigate WCAG issues, set quality gates, compare audit runs, select an audit profile, or generate remediation plans from VertaaUX results.
Skill Claude Code
Extract a complete DESIGN.md design-system style guide from any live website URL or local screenshots. Captures screenshots and samples DOM/computed CSS via browser MCP, then uses Claude's own multimodal vision to analyze visual style and produce a structured DESIGN.md with design tokens ({colors.}, {typography.}…
Skill Codex
Turn an image, a theme URL, or a loose aesthetic description into a valid portable Codex app theme string. Use this when someone wants a codex-theme-v1: import for Codex.app and needs the result clearly labeled as a dark or light theme.
Skill Claude CodeCodex
Convert website screenshots into WordPress Gutenberg blocks using the G10n system with visual fidelity priority.
ToniIAPro73/anclora-agent-skills
Skill Claude CodeCodex
Skill "creador_apps_luxury" from ToniIAPro73/anclora-agent-skills, covering contenido de skillmasterv4.0.md, anclora skill master v4.0, tabla de contenidos, parte i: brand kit universal anclora and parte ii: skill web principal.
Mic-360/material3-expressive-flutter
Skill Claude CodeCodex
Expert guidance for building Material 3 Expressive (M3E) Flutter apps. Use when implementing expressive motion, dynamic shapes, and premium components like FAB menus and toolbars.
Skill Claude CodeCodex
Build production-quality Figma plugins from a natural-language description. Use this skill whenever the user wants to create, scaffold, modify, debug, or iterate on a Figma plugin — including FigJam widgets, Dev Mode plugins, and Slides plugins. Trigger on phrases like "build me a Figma plugin that…", "I want a plugin…
Skill Claude CodeCodex
Programmatic canvas toolkit for creating, editing, and refining Excalidraw diagrams via MCP tools with real-time canvas sync. Use when an agent needs to (1) draw or lay out diagrams on a live canvas, (2) iteratively refine diagrams using describescene and getcanvasscreenshot to see its own work, (3) export/import…
Skill Claude CodeCodex
Visual design system for anything drawn on a TradingView chart — Clawby data overlays (dark pool, funding, liquidations, max pain, levels) and Pine Script plots. Use WHENEVER you draw shapes, overlay Clawby data, or write a Pine indicator/strategy, so the result is clean and readable instead of a tangle of default…
Skill Claude CodeCodex
A skill for studying the visual rules of real websites and turning them into a reusable design package for other web projects. It can capture measured colors, spacing, fonts, components, icons, and assets while keeping the evidence behind those rules.
Skill Cursor
A design skill for planning how websites, dashboards, mobile screens, and agent interfaces look and move, including cinematic pages with layered motion.
Skill Claude CodeCodex
Apply the 30 Laws of UX to product design, UI/UX evaluation, and design critique. Use this skill whenever the user mentions UX principles, design evaluation, usability heuristics, cognitive psychology in design, user interface critique, design feedback, UX best practices, or wants to understand why a design does or…
namanmehta96/ultra-frontend-skill
Skill Claude CodeCodex
Master frontend skill for Claude Code. Synthesizes ultra-frontend design system, uiuxpromax design intelligence, superdesign.dev aesthetics, framer-motion + GSAP full plugin ecosystem, 21st.dev component patterns, Three.js 3D, shadcn/ui, and production-grade architecture. Invoke for ANY visual web task: landing pages…
Yashraj00700/indian-gov-ui-skills
Skill Claude CodeCodex needs its repo
Use when applying the Government of India's Digital Brand Identity Manual (DBIM) v3 to a website, portal, form, mobile app or social media asset — colours, Noto Sans typography, State Emblem logo lockups, header/footer anatomy, imagery specs, content lifecycle and the compliance checklist. Triggers include "DBIM"…
Skill Claude CodeCodex
Frontend design taste guide: typography, color harmonies, spacing, layout patterns, and visual quality standards. / TR: Frontend tasarım zevki rehberi: modern web ve mobil arayüzler için tipografi, renk, boşluk, düzen kalıpları ve görsel kalite standartları.
Skill Claude CodeCodex
Route design-related HTML artifact tasks (landing pages, portfolios, prototypes, decks, content pages, web tools, social cards, info-interactive) to the right artifact skill, and decide whether to use design-system-reference, design-system-generation, or export. Use for any UI/visual/HTML design work.
lucidsoftware/lucid-mcp-server
Skill Claude CodeCodex
Use when working with Lucidchart, Lucidspark, or Lucidscale tasks: search/list documents, fetch or summarize content, create or edit diagrams, export, share, comment, or work with Lucid IDs/URLs through the Lucid MCP.
Skill Claude CodeCodex
Apply emotional intelligence and craft to any user-facing interface. Use when building UI components, pages, flows, or writing copy — especially when the result feels technically correct but flat, generic, or soulless. Also use when asked to "review my UI", "improve this design", "make this feel better", "audit UX"…
Skill Claude CodeCodex
Use when generating Lifewood-branded PDF documentation, manuals, reports, one-pagers, or presentation-style deliverables — enforces PDF-only output (no PPTX/PPT), 16:9 landscape canvas, one-topic-per-page pagination with content compression before continuation pages, hierarchical X.0/X.1 numbering, bottom-anchored…
Skill Codex
Audit or critique an existing digital product artifact or flow and return evidence-backed, severity-calibrated findings. Trigger on "audit this", "critique this screen", "review this flow", "usability review", "heuristic evaluation", or "find UX issues" when inspectable evidence is available. Use dashboard-redesign…
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: