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
zian10001/codex-frontend-visual-handoff
Skill Codex
Provider-neutral, Windows-first Beta workflow for inspecting, preparing, and reviewing bounded frontend visual handoffs with optional external coding clients and a Codex-only path. Use only when the user explicitly invokes $frontend-visual-handoff; default to mode=inspect, require a separate second invocation with…
cosmincraciun97/stonewright-wp-mcp
Skill Claude CodeCodex
Stonewright Elementor V3 builder for native-first implementation from Figma, screenshots, images, or briefs, plus pages, widgets, Loop Grid, templates, kit styles, responsive edits, and safe batch mutations. Use whenever a task reads, plans, builds, or repairs an Elementor V3 page or template.
Skill Claude CodeCodex
Generate retro-tech visuals and layouts combining ASCII art, halftone or pixel dithering, typographic design, and vintage electronic-print texture. Use for ASCII art from images or text, cyberpunk or brutalist posters, CRT terminal aesthetics, dot-matrix visuals, pixel-dithered artwork, tech zines, early…
Renais-Star/html-style-generator
Skill Claude CodeCodex
A tool for generating multiple connected HTML page prototypes in different design styles. The generated pages use Simplified Chinese text, custom CSS styling, navigation links, and optional image and icon libraries.
zhiningo/drawio-flowchart-skill
Skill Claude CodeCodex
Generate draw.io (.drawio) flowchart XML files. Use when the user asks for a flowchart, process diagram, workflow diagram, or any visual diagram in draw.io / diagrams.net format. Produces well-structured, visually clean .drawio files with proper alignment, hierarchy, and readable text. NOT for: Mermaid diagrams, ASCII…
designrique/ai-graphic-design-skill
Skill Claude CodeCodex
Guide for creating logos, brand identities, and visual assets using AI tools — covers tool selection, prompt engineering, vectorization pipelines, mockups, automation, and IP safety.
zhouwei713/WorkBuddy-Dream-Skin
Skill Codex
Create, refine, diagnose, and release adaptive WorkBuddy Dream Skin themes in this project, including image driven light or dark UI selection, lively nonblocking decorations, readable chat and artifact surfaces, external CDP injection, and strict visual auditing. Use for WorkBuddy skin design, theme JSON or CSS…
Skill Claude CodeCodex
Build parametric 3D parts in Autodesk Inventor 2026 via the project's MCP server. Use this skill whenever the user wants to create, modify, or inspect Inventor parts (.ipt) — building flanges, shafts, nuts, brackets, machine parts; drilling holes; adding fillets, chamfers, revolves, extrudes; saving or exporting…
Skill Codex
Turn a visual or interaction technique you already built into a reusable web-design skill, by isolating the one mechanism that makes it work while reproducing its approved reference exactly around that focus, and packaging it with a demo that proves both the mechanism and the visual fidelity. Covers finding the…
J-StaR-Films-Studios/VibeCode-Protocol-Suite
Skill Claude CodeCodex
Author a HyperFrames slideshow composition — a presentation, pitch deck, or interactive deck with discrete slides, fragment reveals, branching sequences, and hotspot navigation. Use as an intent check when the user asks for a presentation, pitch deck, slide deck, interactive deck, or page-to-deck conversion that might…
Skill Claude CodeCodex
The framework's single design engine: craft-first selection of an intentional visual direction, a stable token system, and UI continuity across screens. A blank designskill resolves to it; only a project-forged skill (site-forge or hybrid output) that designskill names explicitly replaces it. Never combined with…
Skill Claude Code
Generate low-fidelity wireframes (ASCII, SVG, or HTML) from user story files. Use when creating wireframes for UI stories.
Skill Claude CodeCodex
A tool for generating a complete single-file web page, such as a landing page, dashboard, form, or prototype. The output is a self-contained site.html file that can be previewed.
patrickkrebs/theme-factory-addon
Skill Claude CodeCodex
Expansion pack of 100 curated color and font themes for the theme-factory skill, organized into 14 categories spanning seven aesthetic families (Earthy, Feminine, Coastal, Bold, Boho, Vintage, Luxury), Iconic Brands (Facebook, Instagram, Tesla, Nike, McDonald's, Spotify, Google, Netflix, Coca-Cola)…
Skill Claude Code
Create, update, export, and apply BlueKiwi design systems from the registry through MCP tools. Use when the user says "/bk-design", asks to create a design system, apply a registered design system, export a design system skill, or update brand/design tokens in BlueKiwi.
Skill Claude CodeCodex
Use AgentDraw when the user wants to create a local editable diagram or visual explanation from a prompt, article, document, technical note, or review brief. Best for Mermaid-supported structured diagrams such as flowcharts/sequence/class/state diagrams, and SVG-based explanatory visuals such as article images…
djlex83/solidworks-automation-skill
Skill Claude CodeCodex
Automatisiert SolidWorks CAD-Software über Python und COM-Schnittstelle. Verwende diesen Skill wenn der Nutzer: 2D Skizzen erstellen möchte (Linien, Kreise, Rechtecke, Ellipsen, Bögen, Splines) 3D Features erstellen möchte (Extrusionen, Schnitte, Bohrungen, Fasen, Verrundungen) Drehkörper erstellen möchte (Revolve …
Skill Claude CodeCodex
Create SVG graphics through programmatic code generation. Use this skill when the user asks to create icons, logos, illustrations, diagrams, data visualizations, generative art, patterns, fractals, or any vector graphics. Provides executable Python scripts for grids, radial patterns, fractals, waves, particles…
Skill Claude CodeCodex
Generate emotionally resonant, production-grade web pages and interfaces with extraordinary visual beauty. Trigger this skill when the user says "start building" a web page, landing page, portfolio, app UI, or any web interface where visual excellence is the primary goal. Also trigger on phrases like "make it…
matheuscfrade/arch-flows-visualizer
Skill Claude CodeCodex
Generates interactive HTML visualizations of system architectures and flows from structured JSON data. Use when users request visual documentation of components, connections, data flows, processes, or system interactions in an engaging browser-based format. Trigger words include: visualize architecture, architecture…
kiki-lgtm-dot/feishu-flowchart-converter
Skill Claude CodeCodex
Extract process logic from uploaded images, DOCX documents, PDFs, XLSX workbooks, CSV/TSV files, or mixed sources; turn it into a traceable, reviewable flowchart draft; require explicit confirmation of the exact current logic version; and only then generate and validate a Feishu-importable Draw.io .drawio file. Use…
Skill Claude CodeCodex
Complete shadcn/ui component management for adding, searching, fixing, styling, and composing UI.
Skill Claude CodeCodex
Instructions for sending design-focused software tasks to the local Kimi Code command-line tool. It is intended for interface design, frontend work, repository exploration, review, and analysis of images or videos.
Skill Claude CodeCodex
A generator for simple black-and-white wireframes and page-flow diagrams for mobile apps and desktop websites. A wireframe is a rough layout showing what appears on each screen and how screens connect.
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: