sonarqube-agent-plugins
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.
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
~/.claude.jsonAdd the configuration to "mcpServers": { "sonarqube-agent-plugins": { "command": "...", "args": [] } }
/mcpUse Cases
Usage Examples
/figma-mcp extract tokens from file 'App Design' and output as CSS custom properties
Get all button component variants from the latest Figma file and generate a React component with props
Translate the 'Homepage Hero' frame into a Tailwind CSS layout
Security Audits
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..