Update Folio icon sets by normalizing colors and regenerating sprites.
npx skills add https://github.com/sinfin/folio --skill folio-icons
Please help me install this Agent Skill. Skill: folio-icons Source: https://github.com/sinfin/folio/tree/main/.skills/folio-icons Command: npx skills add https://github.com/sinfin/folio --skill folio-icons
This Skill streamlines the process of updating and adding icons to the Folio engine or a Folio-hosted app icon set, providing a structured workflow for integrating new SVG icons into the existing system.
Update the 'new_icon.svg' in the 'data/icons' directory and run 'bin/icons'. Restart the Rails server to see the updated icon set.
High-intent search queries and answers about installing and using this skill.
To add new SVG icons to a Rails application, update the icon files in your data directory and run an icon generation script. This automates sprite regeneration and metadata updates, requiring a Rails server restart for the new icons to appear.
Your Rails SVG icon sprite might not update because the application requires a server restart. After adding new SVG files and running the icon script, you must manually restart the Rails server for the regenerated sprite and metadata to take effect.
To normalize SVG icon colors for consistent UI themes, use an automated icon management script. This process standardizes the color attributes across your SVG files during the sprite and metadata regeneration workflow.
The best way to manage a shared icon set in a Folio application is using an automated script to handle icon addition, color normalization, and sprite generation. This provides a structured workflow for integrating new SVG icons consistently across the engine.
Yes, you need to manually place or update the SVG files in the designated data directory. While the generation script automates sprite creation and color normalization, the initial SVG file operations and a Rails server restart are required manual steps.
pengelbrechtGenerate scalable SVG logo concepts from descriptive briefs with layout variations.
vercelAutomate visual verification of dev servers by checking page load, console errors, and UI elements.
sinfinDefine Sass/SCSS conventions for Folio component styling with BEM and responsive design.
rmjamesResize and crop raster and SVG images with ImageMagick and SVGO.
