Skip to content

Skill catalog

974design & 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.

  1. Apply concrete design-engineering details that make interfaces feel polished. Use when reviewing or improving UI spacing, typography, borders, shadows, motion, hit areas, icons, text wrapping, and interaction states.

    7,311 installs
  2. Use this skill when inspecting Blender characters, rigs, poses, animation retargeting, ground contact, facing direction, or model-vs-motion alignment where screenshots alone are not enough.

    7,283 installs
  3. godot-resources gamedev-skills/awesome-gamedev-agent-skills

    Design data-driven Godot 4.7 games with custom Resource classes: define typed data with class_name + @export, save/load .tres/.res files, instance and duplicate resources, and load on demand with ResourceLoader (incl. t…

    7,273 installs
  4. top-design wondelai/skills

    Create award-winning, immersive web experiences at the level of Awwwards-featured agencies. Use when the user mentions "Awwwards quality", "make my site stunning", "scroll animations", "parallax storytelling", "cinemati…

    7,267 installs
  5. prototype-fast gamedev-skills/awesome-gamedev-agent-skills

    Build a playable prototype in about an hour to answer one question — is it fun? — with greybox primitives, a hard timebox, and explicit keep/kill criteria. Use when prototyping a mechanic, making a vertical slice or MVP…

    7,219 installs
  6. ljg-card lijigang/ljg-skills

    Content caster (铸). Transforms text into PNG through precise HTML typography and, when the mold needs it, generated raster imagery. Four molds: -l (default) long reading card, -f source-faithful full text, -c comic, -w…

    7,033 installs
  7. agentation-self-driving benjitaylor/agentation

    Autonomous design critique mode using the Agentation annotation toolbar. Use when the user asks to "critique this page," "add design annotations," "review the UI," "self-driving mode," "auto-annotate," or wants an AI ag…

    7,009 installs
  8. antislop-ui miqdadbadjuber/anti-slop

    UI and visual skill for antislop. Use when building or editing any interface: color, layout, components, motion. Load with the core.

    6,913 installs
  9. microinteractions wondelai/skills

    Design the small details -- triggers, rules, feedback, loops and modes -- that separate good products from great ones. Use when the user mentions "microinteraction", "button feedback", "loading state", "toggle design",…

    6,844 installs
  10. ui-ugui unity-technologies/skills

    Understands, edits, and generates Unity uGUI Canvas hierarchies, RectTransforms, Layout Groups, and prefab UI. Use for requests involving Canvas, uGUI, RectTransform, or prefab UI files.

    6,821 installs
  11. architecture anthropics/knowledge-work-plugins

    Create or evaluate an architecture decision record (ADR). Use when choosing between technologies (e.g., Kafka vs SQS), documenting a design decision with trade-offs and consequences, reviewing a system design proposal,…

    6,776 installs
  12. design-dna zanwei/design-dna

    Extract, define, and apply design DNA across three dimensions: design system (tokens), design style (qualitative feel), and visual effects (Canvas, WebGL, 3D, particles, shaders, scroll effects, etc.). Use this skill wh…

    6,688 installs
  13. baoyu-design jimliu/baoyu-design

    Create polished design artifacts as self-contained HTML: UI mockups, interactive prototypes, wireframes, landing pages, dashboards, app screens, mobile apps, slide decks (a.k.a. PPT / PowerPoint presentations), document…

    6,635 installs
  14. drawio-skill agents365-ai/drawio-skill

    Create and edit draw.io/diagrams.net diagrams as editable `.drawio` files. Covers architecture, UML/ERD/sequence, BPMN, network, and swimlane views authored from a description or converted from code, IaC, SQL, and API s…

    6,602 installs
  15. ui-uitk unity-technologies/skills

    Understands, edits, and generates Unity UI Toolkit UXML and USS with flex layouts. Use for requests involving UI Toolkit, UIElements, UIDocument, PanelSettings, custom elements, or UI runtime binding.

    6,445 installs
  16. architect backnotprop/pstack

    Sketch types, signatures, and module structure before code, then stay in the loop while implementation fills in. Use for /architect, 'architect this', 'design this', or non-trivial work where jumping to code would lock…

    6,439 installs
  17. antislop-human miqdadbadjuber/anti-slop

    Human and accessibility skill for antislop. Contrast, keyboard, focus, and states for real people. Includes the contrast checker.

    6,394 installs
  18. frontend-design smithery.ai

    Create distinctive, production-grade web UI. Use for web components, pages, apps, posters, landing pages, dashboards, React components, HTML/CSS layouts, or styling and beautifying existing web interfaces.

    6,376 installs
  19. magicpath magicpathai/agent-skills

    Use MagicPath through the magicpath-ai CLI to find, preview, inspect, install, export, create, and edit UI components and manage MagicPath skills. Trigger for MagicPath designs/components; personal or team projects; act…

    6,352 installs
  20. hooked-ux wondelai/skills

    Design habit-forming product loops using the Hook Model (Trigger, Action, Variable Reward, Investment). Use when the user mentions "users arent coming back", "habit formation", "engagement loops", "habit zone", or "the…

    6,328 installs
  21. urp-postprocessing unity-technologies/skills

    Sets up, configures, and debugs URP post-processing with the Volume framework. Use for bloom, tonemapping, color adjustments, depth of field, vignette, or other Volume overrides.

    6,223 installs
  22. baoyu-image-cards jimliu/baoyu-skills

    Generates infographic image card series with 12 visual styles, 8 layouts, and 3 color palettes. Breaks content into 1-10 cartoon-style image cards optimized for social media engagement. Use when user mentions "小红书图片", "…

    6,207 installs
  23. pixijs-scene-graphics pixijs/pixijs-skills

    Use this skill when drawing vector shapes and paths in PixiJS v8. Covers the Graphics API: shape-then-fill methods (rect/circle/ellipse/poly/roundRect/star/regularPoly/roundPoly/roundShape/filletRect/chamferRect), path…

    6,194 installs
  24. Apply when integrating a new requirement into an existing design.

    6,066 installs
  25. Apply when facing a novel UI interaction or architectural decision with no precedent in the codebase. Build 2-3 competing prototypes and compare side by side before committing.

    6,059 installs
  26. optimize-text-mesh-pro unity-technologies/skills

    Optimizes TextMeshPro rendering, memory, and font setup, including font asset stacks, fallback atlases, SDF quality, and worldspace text. Use when the user asks about TMP fonts, CJK or multilingual text, or text perform…

    6,058 installs
  27. figma-generate-design figma/mcp-server-guide

    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…

    6,051 installs
  28. design-systems-slds-apply forcedotcom/sf-skills

    Apply SLDS-compliant UI using the correct blueprints, styling hooks, utility classes, and icons. Use when building any UI that needs SLDS, choosing between Lightning Base Components and SLDS Blueprints, applying styling…

    6,047 installs
  29. pixijs-filters pixijs/pixijs-skills

    Use this skill when applying visual effects to PixiJS v8 containers via the filter pipeline. Covers built-in filters (AlphaFilter, BlurFilter, ColorMatrixFilter, DisplacementFilter, NoiseFilter), custom Filter.from() wi…

    6,023 installs
  30. principle-experience-first backnotprop/pstack

    Apply when product, UX, or feature-scope tradeoffs come up. Choose user delight over implementation convenience; ship fewer polished features over more rough ones.

    5,981 installs
  31. unreal-niagara gamedev-skills/awesome-gamedev-agent-skills

    Create and control VFX in Unreal Engine 5 with Niagara: systems and emitters, modules and the spawn/update stages, exposed User parameters, and spawning or driving effects from Blueprints or C++. Use when building parti…

    5,975 installs
  32. web-video-presentation conardli/garden-skills

    把一篇文章或口播稿,做成"看起来像视频"的点击驱动 16:9 网页演示,可选合成口播音频。流程:原始文章 → **一次产出**口播稿 + outline 开发计划 → 用户**一次对齐** 5 件事(稿子 / outline / 主题 / 素材 / 开发模式)→ 网页开发(逐章 / 顺序 / 并行)→ 可选音频合成(provider-agnostic:内置 MiniMax mmx-cli + OpenAI TTS,可换 ElevenL…

    5,972 installs
  33. design-tokens julianoczkowski/designer-skills

    Generate a design tokens file (CSS variables or Tailwind config) based on a chosen aesthetic philosophy, with light and dark mode palettes, spacing scale, type ramp, and component-level tokens. Use when starting a new p…

    5,966 installs
  34. information-architecture julianoczkowski/designer-skills

    Define the structural layer of a product or site before visual design begins. Covers navigation, content hierarchy, page structure, URL patterns, and user flows. Use when user wants to plan site structure, define naviga…

    5,945 installs
  35. pixijs-blend-modes pixijs/pixijs-skills

    Use this skill when compositing display objects with blend modes in PixiJS v8. Covers standard modes (normal, add, multiply, screen, erase, min, max), advanced modes via pixi.js/advanced-blend-modes (color-burn, overlay…

    5,931 installs
  36. shader-graph-create-custom-node unity-technologies/skills

    Generates custom Shader Graph nodes from HLSL code. Use when the user wants a new Shader Graph node or to make existing HLSL work as a reflected function node.

    5,924 installs
  37. design-systems-slds-validate forcedotcom/sf-skills

    Audit Lightning Web Components for SLDS design-system compliance and produce a scored quality report. Runs the SLDS linter and analyzes CSS for theming hook usage and pairing, scoring SLDS findings across categories int…

    5,921 installs
  38. figma openai/skills

    Use the Figma MCP server to fetch design context, screenshots, variables, and assets from Figma, and to translate Figma nodes into production code. Trigger when a task involves Figma URLs, node IDs, design-to-code imple…

    5,856 installs
  39. prototype vinvcn/mattpocock-skills-zh-cn

    构建一次性原型来回答一个设计问题。适用于用户想验证某个 state model 或 logic 是否感觉对,或探索 UI 应该长什么样时。

    5,839 installs
  40. imagegen openai/skills

    Generate or edit raster images when the task benefits from AI-created bitmap visuals such as photos, illustrations, textures, sprites, mockups, or transparent-background cutouts. Use when Codex should create a brand-new…

    5,830 installs
  41. design-review julianoczkowski/designer-skills

    Run a structured design critique against the brief and codebase. Checks visual hierarchy, consistency, responsiveness, accessibility, and aesthetic fidelity. Use when user wants a design review, critique, QA pass, polis…

    5,810 installs
  42. qianwen-image-generation qianwen-ai/qianwen-ai

    Generate and edit images using Wan and Qwen Image models. Supports text-to-image, image editing (style transfer, subject consistency, text rendering), and interleaved text-image output. TRIGGER when: user wants to creat…

    5,783 installs
  43. design-everyday-things wondelai/skills

    Apply foundational design principles: affordances, signifiers, constraints, feedback, and conceptual models. Use when the user mentions "why is this confusing", "affordance", "error prevention", "discoverability", "huma…

    5,726 installs
  44. chart-designer claude-office-skills/skills

    Design effective data visualizations and charts. Generate chart configurations for ECharts, Chart.js, and other libraries. Create dashboards and reports.

    5,712 installs
  45. event-cultural-identity samber/dev-event-organizer-skills

    Design and audit the lived culture of a technical event - the register (hacker, corporate, design, business) and its consistent expression across venue, catering, swag, dress code, stage production, MC and hosting tone,…

    5,689 installs
  46. hybrid-event-design samber/dev-event-organizer-skills

    Design a technical event serving an in-room and a remote audience at once, after the format decision has already chosen hybrid - which sessions the remote audience gets, how far a remote attendee's voice reaches the sta…

    5,684 installs
  47. event-attendee-experience samber/dev-event-organizer-skills

    Design the general-attendee on-site journey for a technical event - check-in desk and badge pickup, the badge's privacy and scanning posture, wayfinding and signage, the quiet room and other facilities, meal and dietary…

    5,667 installs
  48. design-systems-slds2-migrate forcedotcom/sf-skills

    Migrate Lightning Web Components from SLDS 1 to SLDS 2 by running the SLDS linter and fixing violations. Use this skill whenever users mention SLDS 2, SLDS uplift, linter violations, LWC token migration, class overrides…

    5,645 installs
  49. lean-ux wondelai/skills

    Apply lean thinking to UX: hypothesis-driven design, collaborative sketching, and rapid experiments instead of heavy deliverables. Use when the user mentions "Lean UX", "design hypothesis", "outcome over output", "desig…

    5,617 installs
  50. design-sprint wondelai/skills

    Run a structured 5-day process to prototype, test, and validate product ideas with real users. Use when the user mentions "design sprint", "validate before we build", "rapid prototype", "test with users", or "should we…

    5,529 installs