Plugins · 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. Canva ★ 91
   Create, edit, review, resize, and brand-check Canva designs with the Canva MCP server.
2. Figma ★ 1,969
   Figma design platform integration. Access design files, extract component information, read design tokens, and translate designs into code.
3. Miro ★ 151
   Secure access to Miro boards. Enables AI to read board context, create diagrams, and generate code with enterprise-grade security.
4. save-to-spotify ★ 396
   Create polished audio episodes with TTS narration, rich timelines, cover images, and save them to Spotify via the save-to-spotify CLI.
5. ui-theme-designer ★ 2
   Plugin for coding agents working with UI theme designer. Bundles two skills: how-to and conceptual answers about UI theme designer on BTP, a
6. Unity ★ 13
   Unity's official plugin for Claude Code, with curated skills for game development, monetization, and performance optimization.
7. alley-oop
   Alley Oop keeps your development momentum going across sessions without the cost of replaying full conversation history. When you're ready t
8. blueprint-trigger
   Blueprint Trigger helps product and design teams capture incoming requests clearly before anyone opens Figma. It acts as a structured intake
9. bridge-ds ★ 155
   AI-powered design generation in Figma using your real design system. Bridge extracts your DS (components, tokens, styles), writes validated
10. c4m ★ 37
    Interactive C4 architecture diagrams (Simon Brown's model) for Claude Code. Five mode-driven workflows — Design (greenfield), Document-code
11. cellcog ★ 3
    Any-to-any AI sub-agent — generate images, videos, PDFs, presentations, research reports, music, spreadsheets, 3D models, memes, diagrams, p
12. claude-code-music
    Intelligent coding DJ for Claude Code. Adjusts Spotify music based on your coding mood, activity, and preferences. Includes /music commands
13. claude2figma ★ 203
    A Design System compliance harness for Claude Code + Figma. Instead of generating hardcoded values, it enforces library-first component look
14. codebase-visualizer ★ 2
    Transform any codebase into an interactive visual HTML guide with animated architecture diagrams, story-mode narrative, data flow animations
15. comprendo ★ 2
    Comprendo gates AI implementation behind a visual developer approval step. When you type /comprendo <task>, Claude reads your codebase, buil
16. cv-skills
    Skills for performing classical image processing operations: format conversion, SVG rendering, resize/crop/rotate, color adjustment, filters
17. d2c ★ 8
    Turn Figma frames into production-ready code that uses your existing components, your design tokens, and your framework conventions. d2c sca
18. designs-drift ★ 1
    design-drift prevents AI agents from drifting away from your design system in real time. Lock any of existing brands design systems and ever
19. designwithclaude ★ 11
    29 specialist design agents as slash commands. Expert guidance for visual hierarchy, accessibility, design systems, typography, color, motio
20. diagrams ★ 3
    Generate professional diagrams from natural language descriptions using Kroki.io. Supports 20+ diagram types including PlantUML, Mermaid, Gr
21. distill-design ★ 2
    Claude Code plugin recreating the Distill look — tokens, article UI kit, technical diagrams, voice rewrite, and slash commands.
22. doom-design-system ★ 2
    AI skills, agents, hooks, and commands for the Doom Design System, a neubrutalist React component library. Gives AI agents deep knowledge of
23. drillspark-workflow-toolkit
    DrillSpark Workflow Toolkit is a Claude Code plugin for workflow analysis, Mermaid diagram validation, code review, test generation, and sec
24. eversince
    Creative agent that works across video, image, audio, and motion graphics. Plans, generates, and iterates. Orchestrates AI models with craft
25. excalidraw
    Generate architecture diagrams as Excalidraw files from natural language
26. excalidraw-plugin
    Draw architecture or system diagrams that work with excalidraw. Use natural language to let claude create the diagrams and import them in ex
27. excalidraw-skill ★ 203
    Excalidraw toolkit for generating architecture diagrams on a live Excalidraw canvas.
28. excalidrawer ★ 9
    Code-first Excalidraw diagram generation with SVG and PNG export. Say "draw a flowchart" or "create an architecture diagram" and it just wor
29. f-mcp-bridge ★ 9
    Connect Claude Code to Figma with 46 MCP tools, 20 specialized skills, and 8 commands. Read, write, and analyze Figma designs directly — no
30. figma-suite
    Design production-quality screens in Figma using your design system — every property variable-bound, every element a component instance. Bui
31. figma-test ★ 1,969
    asdfaf
32. game-of-cards ★ 7
    **Game of Cards (GoC)** — agile for the age of agents. GoC turns work into durable, inspectable Markdown cards that humans and AI agents col
33. get-design-done ★ 4
    Agent-orchestrated design pipeline for Claude Code. Five stages (brief → discover → plan → design → verify), 33 specialized agents, 12 tool
34. godot-prompter ★ 689
    Agentic skills framework for Godot 4.x game development — 41 domain-specific skills that give AI coding agents deep expertise in GDScript an
35. html2figma ★ 1
    Capture any web page and convert it into an editable Figma design
36. hyperframes-by-heygen ★ 48,395
    HyperFrames is an open-source video. renderingframework that lets Claude Code write HTML, render video, and build GSAP-driven compositions,
37. next-ai-drawio ★ 35,732
    AI-powered Draw.io diagram generation with real-time browser preview. Create flowcharts, architecture diagrams, and more through natural lan
38. openhop ★ 42
    Watch how your code flows instead of reading about it. Your AI agent emits an animated, drillable diagram you watch, pause, and drill into -
39. orchestra ★ 1
    Disciplined AI engineering toolkit for Claude Code. Ships typed design-doc templates (Feature LLD, Bug Report, ADR, Postmortem, Runbook, Des
40. paper-plugin-dev ★ 4
    Minecraft Paper plugin development skill for Claude Code. Comprehensive reference for Java 21 plugin coding targeting Paper 1.21.x, covering
41. pix ★ 96
    Build frontend on autopilot. Pixel-perfect Figma-to-code with autonomous refinement.
42. pluginos-figma-operations-platform ★ 2
    Run any Figma operation from any LLM agent at ~230 tokens per call instead of ~28,000 — a 15× cost reduction on real design workflows. Plugi
43. rayden-ui-design-skill ★ 1
    Generate React code and build Figma designs with the Rayden UI component library. Includes full component API reference, design tokens, craf
44. repo-visuals ★ 18
    repo-visuals turns any open-source repo into a bespoke README hero — animated GIF or static PNG — through a structured discovery dialog. It
45. sdlc-kit-extended
    11 optional skills layered on top of sdlc-kit core. Adds governance (TRDs, epics, milestones, steering), architecture & domain modeling (C4
46. spritecook ★ 17
    Generate game art from Claude. Adds the SpriteCook MCP server for creating pixel art sprites, textures, and animations, plus guided skills f
47. tldiagram-create-diagram
    Automatic creation of codebase diagrams for use in tldiagram.com
48. universal-design-principles ★ 8
    A working library of 42 design principles drawn from Universal Principles of Design (Lidwell, Holden, Butler) and the broader HCI research l
49. feynman ★ 1
    Auto-inject ASCII diagram rules into Claude Code prompts. Structure in your response gets a diagram without the developer asking.
50. hdldiagzero ★ 20
    Generate clean SVG block diagrams of HDL/RTL/SoC designs. Color-codes by clock domain, distinguishes AXI-MM/Lite/Stream, draws CDC blocks wi