13,237 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 Claude CodeCodex
Generates DXF/DWG drawings, 3D models (STEP/STL), auto-dimensions, and BOM from text, images, or CAD files. Invoke for CAD drawing, image-to-CAD, 3D modeling, DWG conversion, BOM generation, GD&T annotation, or parametric templates.
taekchef/AionUI-CSS-Theme-Generator
Skill Claude CodeCodex
A skill for generating custom CSS themes for AionUI from a described visual style, such as cyberpunk, natural, or gothic.
Skill Codex
An image-to-editable-SVG tool for research figures, method diagrams, architecture diagrams, and flowcharts. SVG is a vector image format whose parts can be edited individually in tools such as Figma.
Skill Codex
Beta research-backed UX engineering skill for auditing, mapping, improving, and judging product experiences so real users can complete important jobs with clarity, confidence, accessibility, recovery, and measurable friction reduction. Use when Codex works on UX flows, IA, forms, onboarding, dashboards, commerce, AI…
DonkeyKing01/tasteful-ui-skill
Skill Claude CodeCodex
UI design and implementation for real product surfaces with taste-first critique, reference routing, project-specific design briefs, variation comparison, and implementation verification. Use when Codex should redesign, build, polish, or critique frontend UI by reading project context, exploring taste, routing through…
AkyRayy/Frontend-Design-SKILLS-for-AI
Skill Claude CodeCodex
Design-quality skill for AI agents building websites, landing pages, and web app UI. Use whenever creating or restyling any web interface that must read as designed by a senior designer, not generated. Covers aesthetics and sub-styles (Linear, Stripe, Vercel, editorial, Swiss, brutalist), typography, color tokens…
Skill Claude CodeCodex
A workflow for creating a custom 3D personal website from a person's résumé, experience, and design direction. It can produce styles such as interactive game worlds, driving explorations, and archival interfaces.
aaronvanston/skills-presentations
Skill Claude CodeCodex
Visual design guidance for bold, minimal presentations. Provides layout patterns, typography hierarchy, color specifications, and slide composition rules. Use when asking "how should this slide look?", "design guidance for...", "what layout for this slide?", or when translating content into visual structure for a…
Skill Claude Code
A Chinese-language toolkit for making and checking academic charts, diagrams, flowcharts, and graphical abstracts. A graphical abstract is a visual summary of a research paper, while a flowchart shows the steps or decisions in a process.
Skill Claude CodeCodex
Install, diagnose, and safely use KeyShot MCP for local product visualization, scene editing, camera control, material assignment, and rendering.
Skill Claude CodeCodex
Generate Excalidraw diagrams from natural language descriptions. Use when asked to "create a diagram", "make a flowchart", "visualize a process", "draw a system architecture", "create a mind map", or "generate an Excalidraw file". Supports flowcharts, relationship diagrams, mind maps, and system architecture diagrams.…
Skill Claude CodeCodex
Parse Figma design prompt, enrich via MCP, explore codebase, generate design spec, and invoke brainstorming.
Skill Claude CodeCodex
Audits and prepares selected Figma screens, components, prototypes, and flows for developer handoff using explicit scope, source-of-truth mapping, evidence levels, risk-based gates, open-decision ownership, and acceptance criteria. Use when a design needs a Ready for dev review, implementation-readiness verdict…
rahamanbinujit/claude-design-engine
Skill Claude CodeCodex
End-to-end AI design system with 190+ battle-tested styles, AI image generation, and pixel-perfect export. Designs social media posters, carousels, YouTube thumbnails, PDFs, and full websites — entirely from natural language. Includes brand onboarding, self-review quality system, Puppeteer export scripts, and 6…
Skill Claude Code
Pixel-perfect website cloner. Given a URL, faithfully reproduces the page as a single self-contained HTML file. Uses Playwright to render the page in a real browser, then directly extracts the rendered DOM + all computed CSS — no manual rewriting. Handles static HTML, JS-rendered SPAs, Webflow, Next.js, and any…
Skill Claude Code
Visually verify rendered output before claiming a UI/visual task is done. Use whenever you generate or edit a visual artifact — frontend HTML/CSS/JSX, a generated chart or plot, an SVG/diagram, a PDF, or an exported image. AgentVision renders the artifact, "sees" it, and returns a machine-graded report (pass/warn/fail…
Skill Claude CodeCodex
A generator for blueprint-style infographic PNG images from a topic, using predefined themes, layouts, and fonts.
Skill Claude CodeCodex
A set of rules and templates for creating and reviewing product design documents in the ued/ directory. It covers documents ranging from strategy and requirements to architecture, detailed design, and validation.
Skill Claude CodeCodex
Design and build world-class SaaS onboarding flows grounded in behavioral science. Covers Aha Moment identification, 7 architecture patterns (including mobile-native), segmented flows, multi-channel sequences (in-app + email + human), copy frameworks, framework-agnostic UI component standards, analytics…
Skill Claude Code
Build software with elite design principles focusing on user outcomes, trust, accessibility, and performance. Use when creating UI components, designing user flows, writing production code, reviewing code quality, or when the user mentions UX, accessibility, performance, or trust-focused development.
Skill Claude CodeCodex
Create stunning, interactive landing pages for products, startups, and side projects — zero dependencies, single HTML file. Use this skill whenever the user wants to build a landing page, product page, launch page, marketing page, or any promotional web page for their app, tool, SaaS, open-source project, or personal…
Skill Claude CodeCodex
Customize any running Electron desktop app (Slack, Codex, VS Code, Discord, Notion, etc.) live without modifying app files. Use when the user wants to change how an Electron app looks or behaves — move panels, change fonts, hide elements, inject features, restyle UI — all applied instantly via Chrome DevTools Protocol…
Skill Claude Code
Guide for populating SwiftUI prototype screens with bundled placeholder images and SF Symbol icons. Use when building any screen that needs realistic-looking placeholder content — avatars, product cards, hero images, etc.
Skill Claude CodeCodex
Recommend and apply commercially usable Korean webfonts for vibe-coded frontends, landing pages, portfolios, dashboards, editorial pages, campaign microsites, and developer UIs. Use when Codex needs to choose Korean typography by mood or tone and manner, explain why a font fits a concept, verify that the font is safe…
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: