Skip to content
BeClaude

sonarqube-agent-plugins

16.3kCommunity RegistryGeneralby Anthropic

Integrate SonarQube code quality and security analysis into Claude Code: namespaced slash commands, a guided skill to setup the SonarQube CLI, and a startup check for CLI wiring. MCP server registration and secrets-scanning hooks are installed by the SonarQube CLI as part of setup.

First seen 4/17/2026

Summary

Integrate Figma design files directly into Claude Code to access components, extract design tokens, and translate visual designs into production-ready code.

  • This skill bridges the gap between design and development, enabling seamless handoff and reducing manual work.

Install & Usage

1
Open your MCP config
~/.claude.json
2
Add the server config

Add the configuration to "mcpServers": { "sonarqube-agent-plugins": { "command": "...", "args": [] } }

3
Restart Claude Code
/mcp

Use Cases

Extract all color tokens from a Figma file to generate a CSS or Tailwind theme.
Retrieve component properties and variants from a Figma design to scaffold React components.
Convert a Figma frame's layout and styles into responsive HTML/CSS code.
Compare design token values between two Figma files to ensure consistency across projects.
Generate a list of all icons used in a Figma file with their export URLs for asset management.
Pull typography styles from Figma to set up a design system's text styles in code.

Usage Examples

1

/figma-mcp extract tokens from file 'App Design' and output as CSS custom properties

2

Get all button component variants from the latest Figma file and generate a React component with props

3

Translate the 'Homepage Hero' frame into a Tailwind CSS layout

View source on GitHub
securitymcpagentplugin

Security Audits

LicenseUnknownSourceWarnRepositoryPass

Frequently Asked Questions

What is sonarqube-agent-plugins?

Integrate Figma design files directly into Claude Code to access components, extract design tokens, and translate visual designs into production-ready code. This skill bridges the gap between design and development, enabling seamless handoff and reducing manual work.

How to install sonarqube-agent-plugins?

To install sonarqube-agent-plugins: open your mcp config (~/.claude.json), then add the config to "mcpServers": { "sonarqube-agent-plugins": { "command": "...", "args": [] } }. Finally, /mcp in Claude Code.

What is sonarqube-agent-plugins best for?

sonarqube-agent-plugins is a mcp categorized under General. It is designed for: security, mcp, agent, plugin. Created by Anthropic.

What can I use sonarqube-agent-plugins for?

sonarqube-agent-plugins is useful for: Extract all color tokens from a Figma file to generate a CSS or Tailwind theme.; Retrieve component properties and variants from a Figma design to scaffold React components.; Convert a Figma frame's layout and styles into responsive HTML/CSS code.; Compare design token values between two Figma files to ensure consistency across projects.; Generate a list of all icons used in a Figma file with their export URLs for asset management.; Pull typography styles from Figma to set up a design system's text styles in code..