13,357 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
Design advisor (graphic/visual × UI/UX/product). Synthesized from the design field's long-accumulated public consensus, classic principles, and industry-standard methods, offered as a neutral advisor providing design judgment and recommendations — not representing or impersonating any specific designer. Covers two…
Luispitik/salgadoia-web-design-engineer-pro
Skill Claude Code
Skill end-to-end para construir webs y landings profesionales con Next.js 16, React 19, Tailwind CSS v4, shadcn/ui y Framer Motion. Pensada para que un usuario sin conocimientos técnicos pueda PREVISUALIZAR estilos en su navegador antes de elegir, y completar la página de principio a fin (intake, brief, diseño, build…
Skill Claude CodeCodex
Take a product's OUTER APPEARANCE (industrial design: form, proportion, panel split, CMF, controls layout) from a brief + AI-generated look images to a parametric three.js appearance model, a fixed-camera contact sheet, Blender Cycles finals, and a versioned ID report (md authority + Word snapshot) — driven by an AI…
Skill Claude CodeCodex
A design toolkit that uses HTML to make detailed prototypes, interactive demos, slides, animations, and design variations.
Skill Claude CodeCodex
Quick-reference skill for Godot 4.x UI/UX development, covering Control nodes, theming, responsive design, and common UI patterns.
Skill Claude CodeCodex
Material Design 3 and Android platform guidelines. Use when building Android apps with Jetpack Compose or XML layouts, implementing Material You, navigation, or accessibility. Triggers on tasks involving Android UI, Compose components, dynamic color, or Material Design compliance.
Skill Claude CodeCodex
A skill for creating, editing, checking, and exporting draw.io files. Draw.io, also called diagrams.net, is a tool for making diagrams such as flowcharts, UML diagrams, and architecture diagrams.
Skill Claude CodeCodex
Use when defining a color palette, picking shades, fixing washed-out colors, choosing greys, hitting accessibility contrast, or coloring data visualizations. Covers HSL over hex, palette breadth (10 colors × 5–10 shades), defining shades upfront, hue-rotation tricks for brightness, warm/cool greys, accessible…
flitzrrr/frontend-design-skills
Skill Claude CodeCodex
Modern UI component selection, composition, and theming patterns for web applications. Covers compound components, design tokens, variant systems, responsive patterns, and form architecture derived from 21st.dev SDK, Godly featured products, and current best practices.
Skill Claude Code
Use this skill when the user wants to "create a visual design", "export HTML to image", "render a React component to PNG", "export to PDF", "generate a social media graphic", "make a poster", "create an infographic", "screenshot HTML as JPG", "render Tailwind design to image", or any task involving converting…
akikisai/copilot-custom-config-template
Skill Claude CodeCodex
Senior UI/UX Engineer. Architect digital interfaces overriding default LLM biases. Enforces metric-based rules, strict component architecture, CSS hardware acceleration, and balanced design engineering. Also activated by skill name: "design-taste-frontend".
Aks-4125/kmp-glassmorphism-skill
Skill Claude CodeCodex
Implements a production-grade Glassmorphism design system for Kotlin Multiplatform (KMP) Compose Multiplatform projects. Use when the user asks for glass UI, frosted glass effects, glassmorphism theme, translucent/transparent UI components, liquid/blob animated backgrounds, or premium modern dark-mode design in a…
wumingyu1688-sudo/AI-CADdrawing
Skill Claude CodeCodex
A skill for drawing mechanical engineering plans in AutoCAD according to a defined AI drawing standard.
ali4o/visual-identity-designer
Skill Claude CodeCodex
Build a professional, precise visual identity (brand identity) for a project, startup, or business — logo direction, color system, typography, application mockups — via a structured 9-stage agency workflow ending in two polished deliverables — a Brand Identity Guide and a Design Language System (built with the docx…
Skill Claude CodeCodex
Use when asked to audit, evaluate, or walk through a product's UX from the user's seat — "run a UX audit", "try doing X as a user", "why is this flow so hard", "how could this UX be drastically improved" — or any task-based usability walkthrough of a live web app.
Skill Claude CodeCodex
A strict heuristic framework to prevent AI design hallucinations. This skill serves as an index and workflow guide to the Anti-Slop UI framework.
ai-integr8tor/Nutlope-hallmark
Skill Claude CodeCodex
Anti-AI-slop design skill for greenfield pages, audits, redesigns, and design extraction from URLs or screenshots. Use when the user asks to build a new app or landing page, wants to redesign something, invokes Hallmark by name, or uses audit/redesign/study.
Skill Claude CodeCodex
Generate Excalidraw diagrams. Use when the user asks to create a diagram, visualize a concept, or illustrate technical architectures.
Skill Claude CodeCodex
Create Apple-inspired modern, minimalist UI designs with glassmorphism, smooth animations, generous whitespace, and elegant typography. Use when designing portfolio websites, landing pages, hero sections, product showcases, or implementing Apple-style components, dark mode, or responsive layouts.
ZLHe0/Skill-ML-Conference-Poster-Creation
Skill Claude CodeCodex
Use this skill when creating, editing, or generating academic conference posters as PPTX files programmatically using python-pptx. Covers poster layout design, figure placement with aspect-ratio preservation, rich text formatting, color theming, section headers, and preview rendering via LibreOffice. Trigger when the…
Skill Claude CodeCodex
Use when the user asks for high-fidelity HTML design deliverables, tweakable prototypes, slide decks, animated demos, design-system-aligned UI exploration, or wants Codex to work like a design delivery partner instead of a generic page coder.
Skill Claude CodeCodex
Generate polished draw.io diagrams for Azure architectures with WAF-aligned design, proper layering, trust boundaries, and professional styling. Use when asked for "draw.io", "architecture diagram", "Azure diagram", "solution diagram", "WAF", "landing zone", "private endpoint", "hub-spoke", or any visual diagram in…
Skill Claude CodeCodex
Anti-slop morphism & aesthetic design skill for AI coding agents. Glassmorphism, Futurism, Neubrutalism, Brutalism, Minimalism, Maximalism, Swiss Design, and Bauhaus — exact CSS recipes, a motion system, a typographic scale, and named anti-patterns. The agent reads the brief, picks the right style, and ships…
Skill Claude Code
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI).…
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: