
--- name: audit-component description: Audit a node by comparing Figma design with its implementation, report audit result allowed-tools: mcp__figma-desktop__get_design_context, mcp__figma-desktop__get_metadata, mcp__figma-desktop__get_screenshot, mcp__playwright__* argument-hint: [node-id] [dev-server-url] --- ## Workflow 1. **Resolve Params**: - `devServerURL`: from Team Lead or `$ARGUMENTS` 2. **On receiving `nodeId` from Team Lead or `$ARGUMENTS`**: 1. **Get Node-Level Screenshots*
Code review
Create changelogs
Architecture and component design expert, design the component spec based on Figma design data and frontend best practices.
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
Optimize prompts for AI agents and skills. Use when refining SKILL.md files, agent definitions, or any AI instruction set. Focuses on token efficiency, clarity, and actionability.
Implement all nodes from component spec with Figma design context, fix code based on audit results
Convert Figma designs to frontend code
Implement all nodes from component spec with Figma design context
Create git commits