Skill catalog
937design & ux agent skills synced from skills.sh, with their install counts. Read them here, or let your agent fetch the right one through the Graph-of-Skills MCP server.
Want your agent to use these? Set up Graph-of-Skills
or get a free key.
How these skills are sourced and what we check.
Cannot find one? Your agent can write a skill for your own library.
Have skills of your own? Install one on another machine.
A skill that comes from GitHub shows its npx skills add command on its page.
- extract-design manavarya09/design-extract
Extract the full design language from any website URL. Produces 8 output files including AI-optimized markdown, visual HTML preview, Tailwind config, React theme, shadcn/ui theme, Figma variables, W3C design tokens, and…
2,932 installs - nanobanana resciencelab/opc-skills
Generate and edit images using Google Gemini 3 Pro Image (Nano Banana Pro). Supports text-to-image, image editing, various aspect ratios, and high-resolution output (2K/4K). Use when user wants to generate images, creat…
2,932 installs - ui-skills nexu-io/open-design
Opinionated, evolving constraints to guide agents when building interfaces. Useful for keeping output coherent across many small UI pieces.
2,928 installs - animation-principles iart-ai/motion-design-skills
This skill should be used when the user asks to "make this animation feel natural", "fix motion that feels stiff/floaty/cheap", "my animation looks robotic", "choose an easing curve", "how do I use the Graph Editor", "a…
2,913 installs - canvas-design nexu-io/open-design
Create beautiful visual art in PNG and PDF documents using design philosophy and aesthetic principles for posters, illustrations, and static pieces.
2,908 installs - figma-create-design-system-rules openai/skills
Generates custom design system rules for the user's codebase. Use when user says "create design system rules", "generate rules for my project", "set up design rules", "customize design system guidelines", or wants to es…
2,904 installs - template-builder-ui sentdm/sent-plugin
Designs and audits tenant-facing Sent template builders, previews, validation, lifecycle UX, and API payload mapping. Use for template editor forms, variables, channel overrides, WhatsApp review, RCS suggestion chips, a…
2,903 installs - figma-use openai/skills
**MANDATORY prerequisite** — you MUST invoke this skill BEFORE every `use_figma` tool call. NEVER call `use_figma` directly without loading this skill first. Skipping it causes common, hard-to-debug failures. Trigger wh…
2,894 installs - muapi-logo-creator samuraigpt/generative-media-skills
Engineer professional-grade brand logos using geometric primitives and negative space — generates minimalist, scalable vector-style marks via muapi.ai
2,894 installs - modern-web-design freshtechbro/claudedesignskills
Modern web design trends, principles, and implementation patterns for 2024-2025. Use this skill when designing websites, creating interactive experiences, implementing design systems, ensuring accessibility, or building…
2,888 installs - figma-generate-design openai/skills
Use this skill alongside figma-use when the task involves translating an application page, view, or multi-section layout into Figma. Triggers: 'write to Figma', 'create in Figma from code', 'push page to Figma', 'take t…
2,886 installs - plan-design-review nexu-io/open-design
Senior Designer review: rates each design dimension 0-10, explains what a 10 looks like, and flags AI Slop signals. Useful as a gate before merging UI work.
2,880 installs - shot-composition iart-ai/motion-design-skills
This skill should be used when the user asks to "compose a frame", "set up a grid", "plan shot composition", "place the focal point", "decide where elements enter and exit", "add a parallax/camera move", "adapt a layout…
2,877 installs - swiftui-design nexu-io/open-design
SwiftUI 前端设计 skill — anti AI-slop rules, design direction advisor, brand asset protocol, and five-dimension review. Works with Claude Code, Cursor, Codex, and OpenCode.
2,876 installs - presentation-creator getsentry/skills
Create data-driven presentation slides using React, Vite, and Recharts with Sentry branding. Use when asked to "create a presentation", "build slides", "make a deck", "create a data presentation", "build a Sentry presen…
2,872 installs - glassmorphism bergside/awesome-design-skills
Frosted glass effect with translucent layers, subtle blur, and luminous borders for depth and modern elegance.
2,855 installs - shadcn-ui nexu-io/open-design
Build UI components with shadcn/ui. Pairs with the Stitch design loop to ship structured, accessible components quickly.
2,855 installs - threejs-image-generator majidmanzarpour/threejs-game-skills
Generate and edit 2D image assets for Three.js games with Google's Gemini image API: concept sheets, image-to-3D inputs, texture and material references, sky and background plates, decals, logos, icons, GUI art, title a…
2,847 installs - draw-io-diagram-generator github/awesome-copilot
Use when creating, editing, or generating draw.io diagram files (.drawio, .drawio.svg, .drawio.png). Covers mxGraph XML authoring, shape libraries, style strings, flowcharts, system architecture, sequence diagrams, ER d…
2,823 installs - ux-audit jezweb/claude-skills
Walk through a live web app AS a real user to find usability + behavioural bugs that static reviews miss. REQUIRES proof of interaction (typing, clicking, sending, observing) before any verdict — a sweep that didn't int…
2,823 installs - generating-mermaid-diagrams forcedotcom/sf-skills
Salesforce architecture diagrams using Mermaid with ASCII fallback. Use this skill when generating text-based diagrams for Salesforce architecture, OAuth flows, ERDs, integration sequences, or Agentforce structure. TRIG…
2,821 installs - nanobanana-ppt nexu-io/open-design
AI-powered PPT generation with document analysis and styled images via the NanoBanana stack. Combines image generation with structured deck output.
2,815 installs - hand-drawn-diagrams nexu-io/open-design
Generate hand-drawn Excalidraw diagrams from a prompt — animated SVG, hosted edit link, and PNG export. Works with Claude Code, Codex, Gemini CLI, and any agent supporting standard skill paths.
2,805 installs - design-consultation nexu-io/open-design
Build a complete design system from scratch with creative risks and realistic product mockups. Useful for kickoff workshops and brand-from-zero work.
2,804 installs - theme-factory nexu-io/open-design
Apply professional font and color themes to artifacts including slides, docs, reports, and HTML landing pages. Ships 10 pre-set themes.
2,804 installs - brainstorming nexu-io/open-design
Transform rough ideas into fully-formed designs through structured questioning and alternative exploration. Useful early in concept work.
2,790 installs - platform-design nexu-io/open-design
300+ design rules from Apple HIG, Material Design 3, and WCAG 2.2 for cross-platform apps. Useful when shipping a single design across iOS, Android, and the web.
2,790 installs - liquid-theme-a11y benjaminsehl/liquid-skills
Implement WCAG 2.2 accessibility patterns in Shopify Liquid themes. Covers e-commerce-specific components including product cards, carousels, cart drawers, price display, forms, filters, and modals. Use when building ac…
2,789 installs - color-motion iart-ai/motion-design-skills
This skill should be used when the user asks to "build a color palette for a motion piece", "make a gradient background", "animate a color transition", "interpolate colors smoothly", "fix muddy/gray gradients", "convert…
2,787 installs - after-hours-editorial-template nexu-io/open-design
Luxury dark-editorial HyperFrames template for three-page cinematic storyboards, inspired by haute couture title cards and magazine chapter spreads. Use when the user asks for premium fashion-style motion pages, moody s…
2,783 installs - logo-animation iart-ai/motion-design-skills
This skill should be used when the user asks to "animate our logo", "make a logo intro/stinger", "build a brand reveal", "create an app splash animation", "loop a loader logo", "draw on our SVG mark", "morph an icon int…
2,783 installs - shader-dev nexu-io/open-design
GLSL shader techniques for ray marching, fluid simulation, particle systems, and procedural generation. Useful for hero visuals and motion stills.
2,782 installs - designing-beautiful-websites tristanmanchester/agent-skills
Design, implement, or critique website and web-app UX/UI: information structure, user flows, responsive layouts, visual systems, content, and interaction states. Use for a requested interface or visual-design change; do…
2,781 installs - generating-visual-diagrams forcedotcom/sf-skills
AI-powered image generation for Salesforce visuals via Nano Banana Pro. Use this skill when the user needs rendered PNG/SVG output such as visual ERDs (Entity Relationship Diagrams), UI mockups, wireframes, or architect…
2,780 installs - enhance-prompt nexu-io/open-design
Improve prompts with design specs and UI/UX vocabulary. Useful for design-to-code workflows and clarifying requests for visual output.
2,779 installs - muapi-ui-design samuraigpt/generative-media-skills
Generate high-fidelity UI/UX mockups for mobile and web apps using Atomic Design principles — creates wireframes and design systems via muapi.ai
2,779 installs - spline-interactive freshtechbro/claudedesignskills
Browser-based 3D design tool with visual editor, animation, and web export. Use this skill when creating 3D scenes without code, designing interactive web experiences, prototyping 3D UI, exporting to React/web, or build…
2,774 installs - fal-3d nexu-io/open-design
Generate 3D models from text or images via fal.ai. Useful for game assets, AR previews, product mockups, and concept sculpting.
2,769 installs - muapi-logo-creator anil-matcha/open-dots
No description provided.
2,764 installs - imagen nexu-io/open-design
Generate images using Google Gemini's image generation API for UI mockups, icons, illustrations, and visual assets.
2,760 installs - eraser-diagrams eraserlabs/eraser-io
Generates architecture diagrams from code, infrastructure, or descriptions. Use when user asks to visualize, diagram, or document system architecture.
2,756 installs - field-notes-editorial-template nexu-io/open-design
Editorial "Field Notes" report template with soft paper background, serif hero typography, rounded pastel insight cards, and a retention chart panel. Use when users ask for a premium magazine-style business report, boar…
2,756 installs - html-ppt-retro-quarterly-review nexu-io/open-design
Retro Quarterly Review presentation template in a bold blue + orange editorial language. Use when users ask for a high-impact quarterly review / roadmap deck with heavyweight slab headlines, clean cream paper sections,…
2,755 installs - algorithmic-art nexu-io/open-design
Create generative art using p5.js with seeded randomness so every render is reproducible. Useful for procedural posters, motion-style stills, and artistic frame studies.
2,754 installs - poster-hero nexu-io/open-design
Vertical poster or Moments-style share image with strong visual impact.
2,750 installs - figma-code-connect-components openai/skills
Connects Figma design components to code components using Code Connect mapping tools. Use when user says "code connect", "connect this component to code", "map this component", "link component to code", "create code con…
2,748 installs - accessibility-a11y mindrally/skills
Implement web accessibility (a11y) best practices following WCAG guidelines to create inclusive, accessible user interfaces.
2,747 installs - digits-fintech-swiss-template nexu-io/open-design
Swiss-grid fintech deck template in black / warm paper / neon-lime contrast. Use when users ask for premium data-story slides with strict modular layout, bold numeric cards, restrained motion, and keyboard/click navigat…
2,744 installs - figma-generate-design nexu-io/open-design
Build or update screens in Figma from code or description using design system components. Translate app pages into Figma using design tokens.
2,740 installs - journey ghaida/intent
Design any user-facing experience end-to-end: task flows, multi-step workflows, navigation structures, onboarding, settings, search, content creation, collaboration, signup, checkout, dashboards, notifications, error re…
2,738 installs