By jawhnycooke
Figma design platform integration. Access design files, extract component information, read design tokens, and translate designs into code. Bridge the gap between design and development workflows.
A collection of plugins for Claude Code. Some I built, some are from partners.
Heads up: Make sure you trust a plugin before installing it. I don't control what's in third-party MCP servers or external code - check the plugin's homepage if you're unsure.
/plugin install {plugin-name}@claude-plugins-official
Or browse what's available in /plugin > Discover.
/plugins - Plugins I've built and maintain/external_plugins - Third-party plugins from partnersEvery plugin follows this layout:
plugin-name/
├── .claude-plugin/
│ └── plugin.json # Metadata (required)
├── .mcp.json # MCP server config (optional)
├── commands/ # Slash commands
├── agents/ # Agent definitions
├── skills/ # Skills
└── README.md # Docs
Want to add a plugin? Check out /plugins/example-plugin for a reference implementation.
For the full docs on building plugins, see the official documentation.
External network access
Connects to servers outside your machine
Based on adoption, maintenance, documentation, and repository signals. Not a security audit or endorsement.
Own this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).
Sign in to claimOwn this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).
Sign in to claimInteractive translator that converts plain English descriptions into structured JSON schemas for Nano Banana Pro (Gemini 3 Pro Image). Supports marketing images, UI mockups, diagrams, data visualizations, and social graphics.
Structured collaborative document creation workflow with three stages: context gathering, refinement & structure, and reader testing. Creates professional documentation, proposals, and technical specs.
Comprehensive toolkit for developing Claude Code plugins. Includes 7 expert skills covering hooks, MCP integration, commands, agents, and best practices. AI-assisted plugin creation and validation.
Comprehensive PR review agents specializing in comments, tests, error handling, type design, code quality, and code simplification
Notion workspace integration. Search pages, create and update documents, manage databases, and access your team's knowledge base directly from Claude Code for seamless documentation workflows.
npx claudepluginhub jawhnycooke/claude-plugins --plugin gitlabFigma MCP server for design context and code generation
Claude Code skill pack for Figma (30 skills)
Create and manipulate Figma files
Design System compliance harness for Claude + Figma. Enforces library-first components, token binding, and automated QA — so AI-generated designs stay on-spec.
Compiler-driven design generation in Figma — 100% design system compliant. Compiles component specs into verified Figma output via MCP.
Reliable automation, in-depth debugging, and performance analysis in Chrome using Chrome DevTools and Puppeteer