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
TheMattBerman/landing-page-factory
Skill Claude CodeCodex
Plan and generate visuals by preservation class: exact product, branded environment, or concept support. Uses strategy-driven shot selection and visual QA instead of generic vibe prompting.
Skill Claude Code
Visualizes Azure infrastructure from ARM templates, Azure CLI, or descriptions. Use when user has Azure resources to diagram.
frankxai/claude-skills-library
Skill Claude CodeCodex
Elite website image-to-code skill for Codex. For visually important web tasks, it must first generate the design image(s) itself, deeply analyze them, then implement the website to match them as closely as possible. In Codex, it must prefer large, readable, section-specific images instead of tiny compressed boards…
scoobynko/claude-code-design-skills
Skill Claude CodeCodex
Generate production-ready React/Next.js code from Figma designs. Instructs proper Figma MCP tool usage, component reuse strategies, and variant mapping. CRITICAL: ALWAYS use this skill when user provides a Figma link or mentions implementing/redesigning from Figma design. Never attempt manual implementation without…
Skill Claude CodeCodex
Redesenha artefato visual (UI, documento, slide) com detector determinístico de render.
albertzhangz10/design-system-skill
Skill Claude CodeCodex
Generate a complete design system (design.md, design-guidelines.md, design-components.md) from any reference materials — images, PDFs, links, or descriptions.
Skill Claude CodeCodex
Author and invoke high-quality, mobile-first AnyUI HTML templates for MioChat. Guides the creation of clean, responsive cards, game interfaces, forms, story choices, and Galgame/visual novel dialogue cards rendered via extraRender in Shadow DOM. Enforces decoupled zero-round-trip async image rendering (pure CSS…
Skill Claude CodeCodex
A skill for creating single-file HTML slide decks with horizontal navigation in magazine-inspired or Swiss-style layouts.
Skill Codex
Generate spec-reliable App Store screenshots from deterministic HTML/CSS panels, with optional AI-generated sticker assets and style grading. Use when the user wants App Store / store listing screenshots, marketing panels with device frames, screenshot localization or translation ('translate my screenshots'), or asks…
Skill Claude CodeCodex
Generate syntactically correct Mermaid diagrams from natural language. Covers flowcharts, sequence diagrams, class diagrams, ER diagrams, state diagrams, Gantt charts, pie charts, and more. Produces clean, render-ready output that avoids the common LLM parsing failures.
jiemianduan/poster-style-transfer
Skill Claude CodeCodex
Analyze an uploaded or local reference poster, extract its reusable design system, and transpose that system to an original poster with a new theme, title, subtitle, or campaign copy.
Skill Claude CodeCodex
Use when building production-quality Avalonia screens — copy-paste XAML recipes for cards, primary/secondary/icon buttons, dialogs, sidebar nav, command bar, settings page, forms with validation, empty states, toasts, badges, skeletons. All recipes use semantic tokens from the design-system sub-skill.
sean-sunagaku/claude-code-plugin
Skill Claude CodeCodex
A screen-design skill that turns product requirements into user flows and PlantUML wireframes. A wireframe is a rough screen layout showing structure and interactions before visual styling.
zhouguoqing/QianYuan.AIAgenticFramework
Skill Claude CodeCodex
A product-review guide for telecommunications products such as mobile apps, service plans, billing systems, and customer or business platforms.
abanoubkhaliil/Ak-Elementor-Studio
Skill Claude CodeCodex
AK Elementor Studio — built by Abanoub Khalil (akstudio.me). Converts ANY input — HTML/CSS/JS code, screenshots, images (PNG, JPG, WebP), PDFs, Figma exports, design mockups, wireframes, or any visual file — into fully structured Elementor page JSON templates importable into WordPress. Activate this skill whenever the…
Skill Claude CodeCodex
Build icon components where any icon morphs into any other through SVG line transformation. Use when asked to "create morphing icons", "build icon transitions", "animate between icons", or "transform icons".
Skill Codex
Create or refine custom icon assets as native or traced SVGs and transparent PNG/WebP files. Use when the user asks for a bespoke icon or cohesive icon set, wants an image traced into a clean vector, or needs a detailed or 3D icon with transparency.
AlterLab-IEU/AlterLab_GameForge
Skill Claude Code
Invoke when the user asks about accessibility, inclusive design, colorblind mode, remappable controls, screen reader support, EAA compliance, CVAA, difficulty options, motor accommodations, or one-handed mode. Triggers on: "accessibility", "inclusive design", "colorblind", "remappable controls", "screen reader"…
MichelKerkmeester/skilled-agent-harness_spec-driven-loops
Skill Claude CodeOpenCode needs its repo
Mobbin MCP transport: read-only app/screen/flow design research via Code Mode; pair with sk-design-md-generator for a measured Style Reference (extracted design tokens).
Skill Claude Code
Generate Excalidraw .excalidraw.md source files for DSWoK vault diagrams (charts, pipelines, conceptual sketches). Use ONLY when the user explicitly asks for an Excalidraw diagram or when the diagram-tooling order in .claude/writingstyleguide.md selects Excalidraw (non-flowchart visuals where Mermaid is the wrong…
Skill Claude CodeCodex needs its repo
Translate human UI/UX requirements into site-design.contract.yaml.
Skill Claude Code
Draw diagrams, flowcharts, and visualizations on an Excalidraw canvas. Use when the user asks to draw, visualize, create diagrams, or sketch ideas.
Skill Claude CodeCodex
Quality assurance for web accessibility and usability, particularly for users with disabilities. Use when involved in any web project.
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…
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: