1. **Resolve Params**:
Architecture and component design expert, design the component spec based on Figma design data and frontend best practices.
Convert Figma designs to frontend code by orchestrating an Agent Team
Implement all nodes from component spec with Figma design context, fix code based on audit results
My Claude Code plugins.
Add marketplace via Claude Code's plugin system:
/plugin marketplace add nonoroazoro/ai
Install plugins:
/plugin

Agent Teams version (Recommended)Subagents versionOwn 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 claimBased on adoption, maintenance, documentation, and repository signals. Not a security audit or endorsement.
npx claudepluginhub nonoroazoro/ai --plugin figma-to-codeFigma design to frontend code, Subagents version
MCP lifecycle management
Create git commits
Optimize prompts for AI agents and skills
Transform git commits into user-friendly changelogs following [Keep a Changelog](https://keepachangelog.com/en/1.1.0/) specification
Build frontend on autopilot. Pixel-perfect Figma-to-code with autonomous refinement.
Implement UI designs from specs with pixel-perfect component generation
Plugin that includes the Figma MCP server and Skills for common workflows
Convert Figma designs and screenshots into production-ready code components with accessibility built-in
Shared Claude Code plugin for frontend teams, including frontend skills, subagents, hooks, and MCP integration for Figma/Sketch/MasterGo/Pixso/墨刀/摹客. All reports auto-saved as Markdown files.
Ultra-compressed communication mode. Cuts ~75% of tokens while keeping full technical accuracy by speaking like a caveman.