13,360 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, implement, or review Material 3 and Material 3 Expressive interfaces for Android Compose, Android Views, Wear OS, and the web. Use for Material Design, M3, Material You, adaptive Material layouts, Material-focused Android UI modernization, or Material web component work; do not apply it to a non-Material…
Skill Claude CodeCodex
The ultimate frontend design and development skill. Creates production-ready, pixel-perfect web interfaces with Next.js + Tailwind + shadcn/ui. Combines design thinking, UX best practices, accessibility, animation, and real design system patterns inspired by the best sites on the web. Invoked explicitly via…
Skill Claude CodeCodex
Best practices for building WPF desktop applications with C# and .NET. Use when working on WPF projects, .NET desktop apps, XAML UI, MVVM architecture, system tray apps, or any C# project using Windows Presentation Foundation.
MarieLynneBlock/arcanum-artifex
Skill Claude Code
Create professional research posters in LaTeX using beamerposter, tikzposter, or baposter. Support for conference presentations, academic posters, and scientific communication. Includes layout design, colour schemes, multi-column formats, figure integration, and poster-specific best practices for visual communication.
CSalcedoDataBI/powerbi-pbip-tools
Skill Claude CodeCodex
Cambia el color de los iconos SVG de un proyecto PBIP sin tocar nada más — detecta qué colores hay, sustituye solo los que son colores de verdad (no referencias url(#id) ni selectores CSS), conserva la codificación de cada archivo y avisa de lo que no puede reescribir.
Skill Claude CodeCodex
Anti-slop frontend skill for landing pages, portfolios, and redesigns. The agent reads the brief, infers the right design direction, and ships interfaces that do not look templated. Real design systems when applicable, audit-first on redesigns, strict pre-flight check.
Skill Claude CodeCodex
Create high-quality architecture diagrams for any project with official SVG logos and clean editorial styling. Use when asked to visualize project architecture, generate a system architecture diagram, or create an arch diagram.
Skill Claude Code
Use when building, designing, reviewing, or shipping native iOS/iPadOS/SwiftUI apps, inventing Figma/Paper chrome, adopting Liquid Glass, checking HIG, accessibility, or running device previews with Mobbin, Revyl, or Coot. Enforces measured CRAFTSPEC (R1–R116) + VISUALGATE — forbids emoji chrome, vertical docks, and…
Skill Claude CodeCodex
Compose an A2UI payload (typed atom blocks) and render it into real HTML — a chart, dashboard, status board, decision tree, or any structured UI, once the right atoms are already known (see the a2ui-catalog skill for picking them). Use when asked to SHOW something rather than describe it, and the host can display HTML…
Skill Claude CodeCodex
A guide for building single-page landing pages, portfolio sites, product homepages, and promotional websites with animated scrolling and interactive effects.
Skill Claude CodeCodex
Design feedback mechanisms that help AI systems learn from users - thumbs up/down, preference ranking, corrections, and human-in-the-loop escalation. Use when: RLHF UX, user feedback for AI, thumbs up down design, AI correction flow, human in the loop, feedback signal design, AI improvement loops.
kgraph57/hbr-style-visualization
Skill Claude CodeCodex
Create sophisticated, editorial-style data visualizations and infographics in the signature style of the Harvard Business Review (HBR). Use when developing presentations for academic or executive audiences, creating figures for research papers or business articles, designing strategic frameworks and conceptual models…
Skill Claude Code
Draw a hand-drawn-style diagram from a description and render it to an actual PNG: flowcharts, architecture, sequence/ER diagrams, graphs, mind maps, box-and-arrow layouts. Authors a D2 text file, renders it via a bundled script to a sketchy hand-drawn PNG offline (no browser), then reads the image back and fixes the…
Skill Claude CodeCodex
A Chinese-language guide for finding free-to-use images, illustrations, icons, mockups, textures, and video for design work, with notes about licences and access in China.
Skill Claude CodeCodex
Comprehensive presentation design skill for Claude Code. Projection-aware design, audience-adaptive layouts, narrative architecture, perceptual data visualization, anti-AI-slop detection, rehearsal intelligence, and multi-format export. Complements Anthropic's built-in PPTX skill.
JZKK720/cubecloud-skills-bundle-kit
Skill Claude CodeCodex
Anti-AI-slop design and copy rules for any UI work (website, web app, or interface). Use whenever building, refining, or auditing user-facing UI. Holds every visual decision to a purpose test and the result to a liveliness bar so the output feels crafted by a designer, not generated by AI. Two modes: DURING (apply…
Skill Claude CodeCodex
UI/UX design intelligence with searchable database.
Skill Claude CodeCodex
Hexed is an image-to-color-system compiler that extracts structured color palettes from visual references.
Pedi-Solutions-Inc/pedi-skills
Skill Codex
Design, implement, or review light- and dark-mode Pedi-branded websites, mobile apps, product interfaces, internal tools, and marketing surfaces. Use when work must follow Pedi's visual identity, UI tokens, component conventions, theming, responsive behavior, or accessibility standards; do not use for products…
Skill Claude Code
Transform rough web pages into premium, polished interfaces with glassmorphism, Apple-inspired layouts, and three switchable themes.
giuseppenesca87-png/global-sales-copy-seo-community
Skill Codex
Audit and improve international websites and landing pages through a coordinated council of positioning, copy, CRO, UX/IA, SEO, experimentation, and market-fit lenses. Research current evidence when needed, resolve disagreements internally, and return one prioritized recommendation. Always analyze first and stop…
Skill Claude CodeCodex
Index of all COSS UI particle examples. Use when implementing UI features to find copy-paste-ready component patterns built on coss primitives. Each particle has a description and a JSON URL for easy installation.
satishTheLegend/universal-designer
Skill Claude CodeCodex
UniversalDesigner is the single entry point for ALL frontend design, animation, and 3D work. It understands the project architecture (stack, existing design infra, constraints), sets a design direction, then routes execution to the right specialist skill(s) among 24 design skills: 3D engines (Three.js, R3F, Babylon…
liberastudio-mx/skill-web-design
Skill Claude CodeCodex
Visual and aesthetic design direction for web and UI. LIBERA Studio synthesis of impeccable design laws + high-end-visual-design pattern catalog. Self-contained for first-pass direction; optional deep-dive references if skill-web-design repository is available. Covers brand and product registers, OKLCH color strategy…
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: