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.

Showing 251 to 300 of 974
  1. external-diagram-mermaid-generate 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…

    5,510 installs
  2. ui-ux-pro-max nexu-io/open-design

    Catalog-only UI/UX Pro Max entry. The full upstream templates, data, and search workflow are not bundled in OpenDesign.

    5,414 installs
  3. design-critique anthropics/knowledge-work-plugins

    Get structured design feedback on usability, hierarchy, and consistency. Trigger with "review this design", "critique this mockup", "what do you think of this screen?", or when sharing a Figma link or screenshot for fee…

    5,398 installs
  4. design-brief julianoczkowski/designer-skills

    Create a design brief through an interactive interview, codebase exploration, and experience design decisions. Saved as a markdown file in the project. Use when user wants to write a design brief, plan a new feature or…

    5,358 installs
  5. taste affaan-m/ecc

    Creative-direction layer for music videos and short-form edits in the angelcore / cloud-trance / hyperpop family — a named-genre aesthetic vocabulary, mood + color + light system, beat-synced editing grammar, and a pipe…

    5,284 installs
  6. design-flow julianoczkowski/designer-skills

    Run the full design-to-build workflow as a guided sequence. Orchestrates all designer skills in order, from grilling through review. Use when user wants to go through the complete design process, start a project from sc…

    5,283 installs
  7. ui unity-technologies/skills

    Routes Unity UI requests to the right framework skill (UI Toolkit, uGUI, or IMGUI) and answers UI comparison questions. Use for menus, HUDs, panels, or editor UI when the request doesn't name a framework. Consult before…

    5,278 installs
  8. brand-discovery affaan-m/ecc

    Run a structured, resumable multi-session brand identity interview across 8 modules (purpose, positioning, audience, personality, voice, narrative, founder tension) using laddering, 5 Whys, and projective techniques, pe…

    5,207 installs
  9. ljg-present lijigang/ljg-skills

    Unix 气质的演讲设计与保真排版。把 Org/Markdown 提纲或经授权提炼的讲稿制成单文件离线 HTML；以语义角色选择巨句、对照、Unicode 关系图、证据与章节版式。默认深色，支持讲稿层、原生图表与翻页笔。USE WHEN present、做演讲、slides、按 outline 美化、把讲述精髓放上屏幕。NOT FOR 未经授权改写作者内容或生成企业 PPT。

    5,181 installs
  10. frontend-design-deslop samber/cc-skills

    Designs distinctive, non-generic UI — typography, OKLCH color, design tokens (DESIGN.md), layout, components, motion, dark mode, accessibility — for landing pages, SaaS apps, dashboards, ecommerce, decks, docs, portfoli…

    5,158 installs
  11. infographic claude-office-skills/skills

    Design infographic layouts and content structure. Plan visual storytelling with data, icons, and text hierarchy for impactful information design.

    5,155 installs
  12. architect cursor/plugins

    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…

    5,069 installs
  13. image-enhancer composiohq/awesome-claude-skills

    Improves the quality of images, especially screenshots, by enhancing resolution, sharpness, and clarity. Perfect for preparing images for presentations, documentation, or social media posts.

    5,068 installs
  14. codex-ppt ningzimu/codex-ppt-skill

    Generate visually unified image-based PPT/PPTX decks from articles, reports, papers, notes, or outlines.

    4,994 installs
  15. scroll-world oso95/scroll-world

    Build an immersive scroll-scrubbed "fly through the world" landing page for any industry or brand using Higgsfield. As the visitor scrolls, a pre-rendered camera flies from outside each scene into its interior, then flo…

    4,946 installs
  16. content-modeling-best-practices sanity-io/agent-toolkit

    Structured content modeling guidance for schema design, content architecture, content reuse, references versus embedded objects, separation of concerns, and taxonomies across Sanity and other headless CMSes. Use this sk…

    4,926 installs
  17. ai-slides claude-office-skills/skills

    Generate complete presentations with AI - from outline to polished slides

    4,902 installs
  18. product-designer borghei/claude-skills

    Product design across UI/UX, design systems, prototyping, and user research. Use when creating user journey maps, building wireframes, defining design tokens and component systems, planning usability tests, or establish…

    4,871 installs
  19. omnistudio-flexcard-generate forcedotcom/sf-skills

    OmniStudio FlexCard creation and validation with 130-point scoring. Use when building at-a-glance UI cards, configuring data source bindings to Integration Procedures, or reviewing existing FlexCard definitions for acce…

    4,825 installs
  20. brand guidelines generator claude-office-skills/skills

    Create and maintain brand style guides for consistent visual identity

    4,766 installs
  21. ux-copy anthropics/knowledge-work-plugins

    Write or review UX copy — microcopy, error messages, empty states, CTAs. Trigger with "write copy for", "what should this button say?", "review this error message", or when naming a CTA, wording a confirmation dialog, f…

    4,733 installs
  22. canvas-design composiohq/awesome-claude-skills

    Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece. Create original visual design…

    4,727 installs
  23. oklch-skill jakubkrehel/oklch-skill

    OKLCH color space for web projects. Convert hex/rgb/hsl to oklch, generate palettes, check contrast, handle gamut boundaries, and theme with Tailwind v4. Triggers on oklch, color conversion, palette generation, contrast…

    4,723 installs
  24. bencium-controlled-ux-designer bencium/bencium-marketplace

    Expert UI/UX design guidance for unique, accessible interfaces. Use for visual decisions, colors, typography, layouts. Always ask before making design decisions. Use this skill when the user asks to build web components…

    4,701 installs
  25. ui-ux-pro-max kimny1143/claude-code-template

    UI/UX design intelligence. Plan, build, design, implement, review, improve UI/UX code. Styles: image-first, editorial design, minimalism, dark mode, responsive. Projects: landing page, dashboard, SaaS, mobile app.

    4,692 installs
  26. excalidraw agents365-ai/365-skills

    Use when user requests diagrams, flowcharts, architecture charts, or visualizations. Also use proactively when explaining systems with 3+ components, complex data flows, or relationships that benefit from visual represe…

    4,610 installs
  27. skill-progressive-disclosure-design samber/cc-skills

    Decide how to split skill content between SKILL.md and reference files for context efficiency and reliable triggering. Use this whenever creating a new Claude skill, refactoring an existing one, or when a SKILL.md is gr…

    4,601 installs
  28. userinterface-wiki raphaelsalaja/userinterface-wiki

    UI/UX best practices for web interfaces. Use when reviewing animations, CSS, audio, typography, UX patterns, prefetching, or icon implementations. Covers 11 categories from animation principles to typography. Outputs fi…

    4,577 installs
  29. tailwind-design-system giuseppe-trisciuoglio/developer-kit

    Skill for creating and managing a Design System using Tailwind CSS and shadcn/ui. Use when defining design tokens, setting up theming with CSS variables, building a consistent UI component library, initializing a design…

    4,563 installs
  30. pretty-mermaid imxv/pretty-mermaid-skills

    Generate and render Mermaid diagrams for architecture docs, READMEs, PRs, terminals, chats, and CI as themed SVG, PNG, or ASCII/Unicode art. Use this skill whenever the user provides Mermaid code or .mmd files; asks for…

    4,533 installs
  31. building-admin-dashboard-customizations medusajs/medusa-agent-skills

    Load automatically when planning, researching, or implementing Medusa Admin dashboard UI (widgets, custom pages, forms, tables, data loading, navigation). REQUIRED for all admin UI work in ALL modes (planning, implement…

    4,472 installs
  32. dfam-check earthtojake/text-to-cad

    Measure mesh files against Design for Additive Manufacturing (DfAM) rules and report printability findings per process (FDM, SLS, SLA/DLP, metal PBF, MJF). Use when the user asks whether a part is printable, wants overh…

    4,469 installs
  33. figma-generate-library figma/mcp-server-guide

    Build or update a professional-grade design system in Figma from a codebase. Use when the user wants to create variables/tokens, build component libraries, create individual components with proper variant sets and varia…

    4,459 installs
  34. ui tw93/waza

    Produces distinctive production UI and screenshot-grounded visual polish. Use when building or restyling pages, components, or typography. Not for backend logic or data pipelines.

    4,445 installs
  35. theme-factory composiohq/awesome-claude-skills

    Toolkit for styling artifacts with a theme. These artifacts can be slides, docs, reportings, HTML landing pages, etc. There are 10 pre-set themes with colors/fonts that you can apply to any artifact that has been creati…

    4,420 installs
  36. brand-guidelines composiohq/awesome-claude-skills

    Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel. Use it when brand colors or style guidelines, visual formatting, or company design…

    4,375 installs
  37. macos-design-guidelines ehmo/platform-design-skills

    Apple Human Interface Guidelines for Mac. Use when building macOS apps with SwiftUI or AppKit, implementing menu bars, toolbars, window management, or keyboard shortcuts. Triggers on tasks involving Mac UI, desktop apps…

    4,323 installs
  38. design-system anthropics/knowledge-work-plugins

    Audit, document, or extend your design system. Use when checking for naming inconsistencies or hardcoded values across components, writing documentation for a component's variants, states, and accessibility notes, or de…

    4,299 installs
  39. design-is thedotmack/claude-mem

    Audit a design against Dieter Rams' ten "Good design is..." principles, then hand off a /make-plan prompt for one of three outcomes — new design, refine design, or redesign. Use when the user says "audit this design", "…

    4,281 installs
  40. diagramming-code trailofbits/skills

    Generates Mermaid diagrams from Trailmark code graphs. Produces call graphs, class hierarchies, module dependency maps, containment diagrams, complexity heatmaps, and attack surface data flow visualizations. Use when vi…

    4,280 installs
  41. design-audit bencium/bencium-marketplace

    Premium UI/UX design audit and refinement skill. Conducts systematic visual audits of existing apps and produces phased, implementation-ready design plans. Use this skill whenever the user asks to audit a UI, improve an…

    4,174 installs
  42. creating-mermaid-diagrams agents365-ai/365-skills

    Generate Mermaid diagrams (.mmd) and export to PNG/SVG/PDF using mmdc CLI or Kroki API. USE THIS SKILL when user mentions diagram, flowchart, sequence diagram, class diagram, ER diagram, state machine, architecture, vis…

    4,155 installs
  43. wpds wordpress/agent-skills

    Use when building UIs leveraging the WordPress Design System (WPDS) and its components, tokens, patterns, etc.

    4,133 installs
  44. accessibility-review anthropics/knowledge-work-plugins

    Run a WCAG 2.1 AA accessibility audit on a design or page. Trigger with "audit accessibility", "check a11y", "is this accessible?", or when reviewing a design for color contrast, keyboard navigation, touch target size,…

    4,131 installs
  45. marp-slide softaworks/agent-toolkit

    Create professional Marp presentation slides with 7 beautiful themes (default, minimal, colorful, dark, gradient, tech, business). Use when users request slide creation, presentations, or Marp documents. Supports custom…

    4,126 installs
  46. plantuml-skill agents365-ai/365-skills

    Use when user requests diagrams, flowcharts, sequence diagrams, class diagrams, component diagrams, ER diagrams, architecture charts, or visualizations — including generating a diagram from existing source code, or rend…

    4,077 installs
  47. crypto-protocol-diagram trailofbits/skills

    Extracts protocol message flow from source code, RFCs, academic papers, pseudocode, informal prose, ProVerif (.pv), or Tamarin (.spthy) models and generates Mermaid sequenceDiagrams with cryptographic annotations. Use w…

    4,026 installs
  48. game-ui-design omer-metin/skills-for-antigravity

    World-class game UI design expertise combining the clarity of Nintendo's UI philosophy, the immersive diegetic interfaces of Dead Space and Metroid Prime, and the competitive readability principles from esports titles.…

    3,991 installs
  49. layer-pixel-art layerai/skills

    Use when making pixel art with Layer: sprites, retro game characters, pixel icons, pixel tiles, or a sprite sheet and walk cycle. Also when generated pixel art comes back blurry, anti-aliased, or at the wrong grid size,…

    3,981 installs
  50. drawio-logical-diagrams giuseppe-trisciuoglio/developer-kit

    Creates professional logical flow diagrams and logical system architecture diagrams using draw.io XML format (.drawio files). Use when creating: (1) logical flow diagrams showing data/process flow between system compone…

    3,978 installs