ui-architecture-icon

This Skill converts SVG assets into reusable React icon components by applying a template-driven workflow that processes the SVG file, generates the component, and enforces consistent asset organization across all icon categories.

You wire new UI icons into Storybook by exporting the generated React icon component and updating the corresponding Storybook story and UI index for the target category to ensure consistent usage.

The best way to standardize UI icons across a game client is to enforce a template-driven workflow for React component generation, ensuring variant handling and asset organization are consistent across all icon categories.

Yes, you can update icon variants and categories when modifying React components, as the Skill handles adding, updating, or removing icons while maintaining variant consistency and exports across the UI index.

Yes, you need existing SVG files to generate React icon components, because the Skill converts provided SVG assets into the prescribed template format and wires them into the icons index and Storybook story.