13,255 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
DevMartinese/awwwards-animations-skill
Skill Claude CodeCodex
Professional React animation skill for creating Awwwards/FWA-level animations using GSAP (useGSAP), Motion (Framer Motion), Anime.js, and Lenis. Use when building premium scroll experiences, custom cursors, page transitions, text animations, parallax effects, micro-interactions, or any animation that needs to be 60fps…
Skill Claude CodeCodex
Audit AI-powered interfaces against the uxuiprinciples Part V taxonomy — 44 principles covering transparency, trust calibration, human override, consent, agentic workflows, and conversational design. Returns structured findings with severity and remediation. API key optional — enriched output requires…
Skill Claude CodeCodex
Convert user-provided raster images into clean editable transparent-background SVG for icons, logos, UI glyphs, wordmarks, text marks, and other flat graphic assets. Use for PNG, JPG, WebP, or screenshot inputs, including non-transparent images whose background must be separated before vector reconstruction, combined…
Skill Claude Code
Build WCAG 2.2 AA compliant interfaces with semantic HTML, ARIA, keyboard navigation, focus management, color contrast, and screen reader support. Covers forms, dialogs, tabs, live regions, skip links, alt text, and data tables. Use when implementing accessible UIs, auditing WCAG compliance, fixing screen reader…
Skill Claude Code
A skill for creating Excalidraw presentations and diagrams. Excalidraw is a drawing tool for making visual explanations, such as process flows, architecture diagrams, and teaching materials.
che626/competition-ppt-template-first-skill
Skill Codex
Create polished competition, product, and technical PPTs through a content-to-template workflow: analyze supplied documents and user goals, lock deck style tokens and image asset roles, map each slide's layout and asset zones, generate a subject-specific whole-slide background template for every page, then build an…
Skill Claude CodeCodex
Generate web assets including favicons, app icons (PWA), and social media meta images (Open Graph) for Facebook, Twitter, WhatsApp, and LinkedIn. Use when users need icons, favicons, social sharing images, or Open Graph images from logos or text slogans. Handles image resizing, text-to-image generation, and provides…
doublesq97-ui/su-webstyle-top12
Skill Claude CodeCodex
Curated Top 12 overseas web styles with executable recipes: browse, choose, recommend, auto-select, and apply. Use for website visual direction, landing pages, style boards, artifacts (cards, dashboards, note readers, sticky-rail ops shells), and skinning existing layouts. Raises a minimum style floor (tokens…
rastian/design-thinking-skills
Skill Claude CodeCodex
Guide any team through the Design Thinking methodology — empathize, define, ideate, prototype, test, and implement. Core audiences: product & design teams (product designers, UX researchers, UI designers, service designers, product managers), entrepreneurs & startups (idea validation, customer discovery, lean…
Skill Claude CodeCodex
Configures Unlayer's email, page, popup, and document builders — feature flags, appearance, theming, merge tags, design tags, display conditions, special links, HMAC security, file storage, image uploads, localization, custom fonts, and validation. For the standalone Image Editor, use unlayer-image-editor.
alper-dev/build-for-good-ux-skill
Skill Claude CodeCodex
Use when building, reviewing, or improving user-facing UI, frontend components, pages, forms, flows, loading states, error handling, empty states, success feedback, graceful degradation, familiar layouts, or choice-heavy interfaces.
Skill Claude CodeCodex
Create and edit Excalidraw diagrams in an Excalidraw+ workspace — flowcharts, software architecture diagrams, sequence diagrams, data-flow diagrams, UML, Gantt charts, mind maps, wireframes, mockups, presentations/slide decks, roadmaps, user personas, brainstorming boards, Lean Canvas, SWOT analysis, competitor…
Skill Claude CodeCodex
Use when building, editing, or iterating on a Figma design via the Mimic AI MCP server (mimicstatus, mimicdiscoverds, figmacreateframe, figmainsertcomponent, mimicbuildtable, mimicbuildchart, etc. are available), or when the user asks to turn HTML, a prompt, or a Claude Design/Figma Make prototype into real Figma…
ramzesenok/iOS-Accessibility-Audit-Skill
Skill Claude CodeCodex
Audit SwiftUI iOS feature code for accessibility against WCAG 2.2 Level A/AA and return patch-ready fixes. Use when reviewing SwiftUI views/screens (including auth, forms, settings, and custom controls) and you need both standards traceability (WCAG + WCAG2Mobile interpretation) and practical, minimal code changes in…
Skill Claude Code
Use this skill to generate well-branded interfaces and assets for Cogni Work (cogni-work.ai / insight-wave), either for production or throwaway prototypes, mocks, decks, and design artifacts. Contains the essential design guidelines, colors, type, fonts, assets, and UI kit components needed to prototype or ship…
Skill Claude Code needs its repo
Captures or refreshes a project's Design Bible by reading local design tokens, asking a short brand interview, and writing rules that other designStack skills can reuse. Use when starting a project, capturing brand rules, refreshing a Design Bible after brand changes, or running '/ds-context'.
andreahaku/openscad_claude_skill
Skill Claude Code
Programmatic 3D CAD with OpenSCAD. Fast path for simple printable parts (Quick mode) and for editing an existing STL without reconstructing it (Modify mode), plus full design, STL-to- parametric reconstruction, and export. Triggers on: 3D model, STL, 3D print, parametric design, openscad, CAD, enclosure, bracket…
AXIOTN/frontend-page-generator
Skill Claude CodeCodex
A guide for choosing and using icons in generated web pages. It prioritizes icons stored locally, then the Lucide icon library, and finally generated SVG icons.
Skill Claude CodeCodex
Ideate and critique data visualizations using Edward Tufte's principles from "The Visual Display of Quantitative Information." Use this skill when: (1) Designing new data visualizations or charts (2) Critiquing or improving existing visualizations (3) Reviewing dashboards or reports for graphical integrity (4)…
CrestApps/CrestApps.AgentSkills
Skill Claude CodeCodex
Guidance for working with the Orchard Core admin panel, including admin controllers, menu registration, dashboard widgets, admin theme customization, settings pages, and admin-specific shapes and zones. Use this skill when requests mention Orchard Core Admin Panel, TheAdmin Theme, Admin Controllers, Admin Route URL…
22duxiaoyu/replicate-webpage-skill
Skill Claude CodeCodex
A webpage-rebuilding workflow that recreates the visible layout, responsive behavior, and interactions of a reference URL in your codebase, then applies requested content or branding changes.
Skill Claude CodeCodex
SOTA animation and physics heuristic guide using motion.dev.
TalissonVitorino/kmp-ios-skills
Skill Claude CodeCodex
Material 3 Expressive design patterns for Jetpack Compose - expressive theming, motion physics, shape morphing, typography emphasis, color emphasis, and all 28 expressive components.
Skill Claude CodeCodex
When asked to design anything inside Pindoc — the agent-writable, human-approvable project wiki — follow these rules. This file is the compact, agent-invocable version of README.md. Read both before starting.
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: