Back to the catalog

Agent skills · Media, design & games

50 listings on this page, in order of arrival. Each one has its own page with README, repository facts and source links.

  1. architecture-blueprint-generator ★ 38,819
    Comprehensive project architecture blueprint generator that analyzes codebases to create detailed architectural documentation. Automatically
  2. draw-io-diagram-generator ★ 38,819
    Use when creating, editing, or generating draw.io diagram files (.drawio, .drawio.svg, .drawio.png). Covers mxGraph XML authoring, shape lib
  3. drawio ★ 38,819
    Generate draw.io diagrams as .drawio files and export to PNG/SVG/PDF with embedded XML
  4. efcore-d2-db-diagram ★ 38,819
    Generate D2 database diagrams from Entity Framework Core models. USE FOR: EF Core database diagram, Entity Framework Core ERD, DbContext dia
  5. excalidraw-diagram-generator ★ 38,819
    Generate Excalidraw diagrams from natural language descriptions. Use when asked to "create a diagram", "make a flowchart", "visualize a proc
  6. game-engine ★ 38,819
    Expert skill for building web-based game engines and games using HTML5, Canvas, WebGL, and JavaScript. Use when asked to create games, build
  7. image-annotations ★ 38,819
    Annotate screenshots, diagrams, and images with callout rectangles, arrows, labels, and color-coded highlights using PIL. Includes rules for
  8. legacy-circuit-mockups ★ 38,819
    Generate breadboard circuit mockups and visual diagrams using HTML5 Canvas drawing techniques. Use when asked to create circuit layouts, vis
  9. minecraft-plugin-development ★ 38,819
    Use this skill when building or modifying Minecraft server plugins for Paper, Spigot, or Bukkit, including plugin.yml setup, commands, liste
  10. penpot-uiux-design ★ 38,819
    Comprehensive guide for creating professional UI/UX designs in Penpot using MCP tools. Use this skill when: (1) Creating new UI/UX designs f
  11. plantuml-ascii ★ 38,819
    Generate ASCII art diagrams using PlantUML text mode. Use when user asks to create ASCII diagrams, text-based diagrams, terminal-friendly di
  12. power-platform-architect ★ 38,819
    Use this skill when the user needs to transform business requirements, use case descriptions, or meeting transcripts into a technical Power
  13. technology-stack-blueprint-generator ★ 38,819
    Comprehensive technology stack blueprint generator that analyzes codebases to create detailed architectural documentation. Automatically det
  14. threat-model-analyst ★ 38,819
    Full STRIDE-A threat model analysis and incremental update skill for repositories and systems. Supports two modes: (1) Single analysis — ful
  15. crypto-protocol-diagram ★ 6,975
    Extracts protocol message flow from source code, RFCs, academic papers, pseudocode, informal prose, ProVerif (.pv), or Tamarin (.spthy) mode
  16. diagramming-code ★ 6,975
    Generates Mermaid diagrams from Trailmark code graphs. Produces call graphs, class hierarchies, module dependency maps, containment diagrams
  17. mermaid-to-proverif ★ 6,975
    Translates Mermaid sequenceDiagrams describing cryptographic protocols into ProVerif formal verification models (.pv files). Use when genera
  18. expo-design-system ★ 2,514
    Framework (OSS). Build and maintain a design system inside an Expo app - a reusable theme of design tokens (color, spacing, typography, radi
  19. senior-architect ★ 25,768
    This skill should be used when the user asks to "design system architecture", "evaluate microservices vs monolith", "create architecture dia
  20. ui-design-system ★ 25,768
    UI design system toolkit for Senior UI Designer including design token generation, component documentation, responsive design calculations,
  21. architecture-diagram-creator ★ 670
    Create comprehensive HTML architecture diagrams showing data flows, business objectives, features, technical architecture, and deployment. U
  22. flowchart-creator ★ 670
    Create HTML flowcharts and process diagrams with decision trees, color-coded stages, arrows, and swimlanes. Use when users request flowchart
  23. figma ★ 25,414
    Use the Figma MCP server to fetch design context, screenshots, variables, and assets from Figma, and to translate Figma nodes into productio
  24. figma-code-connect-components ★ 25,414
    Connects Figma design components to code components using Code Connect mapping tools. Use when user says "code connect", "connect this compo
  25. figma-create-design-system-rules ★ 25,414
    Generates custom design system rules for the user's codebase. Use when user says "create design system rules", "generate rules for my projec
  26. figma-create-new-file ★ 25,414
    Create a new blank Figma file. Use when the user wants to create a new Figma design or FigJam file, or when you need a new file before calli
  27. figma-generate-design ★ 25,414
    Use this skill alongside figma-use when the task involves translating an application page, view, or multi-section layout into Figma. Trigger
  28. figma-generate-library ★ 25,414
    Build or update a professional-grade design system in Figma from a codebase. Use when the user wants to create variables/tokens, build compo
  29. figma-implement-design ★ 25,414
    Translates Figma designs into production-ready application code with 1:1 visual fidelity. Use when implementing UI code from Figma files, wh
  30. figma-use ★ 25,414
    **MANDATORY prerequisite** — you MUST invoke this skill BEFORE every `use_figma` tool call. NEVER call `use_figma` directly without loading
  31. imagegen ★ 25,414
    Generate or edit raster images when the task benefits from AI-created bitmap visuals such as photos, illustrations, textures, sprites, mocku
  32. multimodal-audiocraft ★ 30,576
    PyTorch library for audio generation including text-to-music (MusicGen) and text-to-sound (AudioGen). Use when you need to generate music fr
  33. qa-test-planner ★ 30,576
    Generate comprehensive test plans, manual test cases, regression test suites, and bug reports for QA engineers. Includes Figma MCP integrati
  34. c4-architecture ★ 30,576
    Generate architecture documentation using C4 model Mermaid diagrams. Use when asked to create architecture diagrams, document system archite
  35. claude-d3js-skill ★ 30,576
    Creating interactive data visualisations using d3.js. This skill should be used when creating custom charts, graphs, network diagrams, geogr
  36. develop-web-game ★ 30,576
    "Use when Codex is building or iterating on a web game (HTML/JS) and needs a reliable development + testing loop: implement small changes, r
  37. diagrammer ★ 30,576
    Render clean blueprint-style SVG diagrams from JSON specs. Use when users ask to draw, sketch, or diagram a request flow, neural net, transf
  38. excalidraw ★ 30,576
    "Use when working with *.excalidraw or *.excalidraw.json files, user mentions diagrams/flowcharts, or requests architecture visualization -
  39. figma ★ 30,576
    Use the Figma MCP server to fetch design context, screenshots, variables, and assets from Figma, and to translate Figma nodes into productio
  40. figma-implement-design ★ 30,576
    "Translate Figma nodes into production-ready code with 1:1 visual fidelity using the Figma MCP workflow (design context, screenshots, assets
  41. game-development ★ 30,576
    Game development orchestrator. Routes to platform-specific skills based on project needs.
  42. mermaid-diagrams ★ 30,576
    Comprehensive guide for creating software diagrams using Mermaid syntax. Use when users need to create, visualize, or document software thro
  43. patentfig ★ 30,576
    Generate patent-office-compliant figures via the PatentFig AI API — patent line art from text (PNG or SVG), vectorize drawings to SVG/DXF/ve
  44. ui-design-system ★ 30,576
    UI design system toolkit for Senior UI Designer including design token generation, component documentation, responsive design calculations,
  45. core-components ★ 30,576
    Core component library and design system patterns. Use when building UI, using design tokens, or working with the component library.
  46. design-system-starter ★ 30,576
    Create and evolve design systems with design tokens, component architecture, accessibility guidelines, and documentation templates. Ensures
  47. game-changing-features ★ 30,576
    Find 10x product opportunities and high-leverage improvements. Use when user wants strategic product thinking, mentions '10x', wants to find
  48. generate-image ★ 30,576
    Generate or edit images using AI models (FLUX, Gemini). Use for general-purpose image generation including photos, illustrations, artwork, v
  49. plotly ★ 30,576
    Interactive scientific and statistical data visualization library for Python. Use when creating charts, plots, or visualizations including s
  50. pymatgen ★ 30,576
    "Materials science toolkit. Crystal structures (CIF, POSCAR), phase diagrams, band structure, DOS, Materials Project integration, format con