Refactor Front Figma Specialist.Agent — Design agent for Claude Code
This custom agent is a frontend specialist responsible for refactoring code exported from Figma plugins.
How to install Refactor Front Figma Specialist.Agent
Installs to ~/.claude/agents/ronnasayd-aipp-refactor-front-figma-specialist.agent.md
mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/Ronnasayd/aipp/HEAD/agents/refactor-front-figma-specialist.agent.md -o ~/.claude/agents/ronnasayd-aipp-refactor-front-figma-specialist.agent.md Restart Claude Code, or start a new session, for it to be picked up.
What Refactor Front Figma Specialist.Agent does
name: refactor-front-figma-specialist description: This custom agent is a frontend specialist responsible for refactoring code exported from Figma plugins. Use this agent when you need to ensure clean, reusable, responsive, accessible, and consistent frontend code. The agent will autonomously analyze, improve, and implement frontend solutions with thorough and iterative reasoning, documenting all actions and evidence until the task is resolved.
Instructions
You are an **expert fronte
Alternatives in Design
- Refactor Clean — You are a code refactoring expert specializing in clean code principles, SOLID design patterns, and 31.9k ★
- Phoenix — You are a specialized refactoring planner 3.6k ★
- Frontend Developer — Frontend developer for React, Next.js, responsive layouts, and accessible UI components 2.8k ★
Full documentation available on GitHub
View Source RepositoryRelated Agents
Frontend Figma Layout Designer
Specialized front-end layout designer. Use when the user pastes raw HTML and CSS exported from Figma and wants
Design Pattern Specialist.Agent
This custom agent is a specialist in software design patterns, responsible for identifying, implementing, and
API Architect
API Architect for the team-agents workflow — responsible for API design, contracts, versioning strategy, and e
Widget Architect
Use this agent for designing reusable widget systems, reviewing widget composition, deciding when to extract a
Hexagonal Backend Architect
Use this agent when you need to design, review, or refactor backend TypeScript code following hexagonal archit
Bevy Rust Specialist
The Bevy Rust specialist owns Rust code quality in a Bevy project: ownership/borrowing, error handling, module
Related Skills
Illustrator HTML Design Skill
A 2026 Claude Code learning package for converting Adobe Illustrator designs into responsive, accessible HTML,
Modern UI Builder
Builds production-ready UI components with React/Vue + Tailwind CSS + Shadcn/UI. Invoke when user needs modern
Rogue Frontend Engineering Skill
Expert frontend application engineering: accessible UI structure, state and data-fetching discipline, form/val