Skills
.Work. You
Rest

folio-icons

Official

Maintain and manage Folio icon sets efficiently.

Design & Creative#icons#Rails#icon management#Folio#SVG processing
Authorsinfin
Version1.0.0
Installs0

System Documentation

What problem does it solve?

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.

Core Features & Use Cases

  • Icon Addition: Add new SVG icons to the icon set for Folio engine or host apps.
  • Color Normalization: Normalize the color of icons for consistency across themes.
  • Automated Generation: Use scripts to automatically regenerate sprites and metadata without manual intervention.
  • Use Case: When you need to update a shared set of UI icons in a Folio application, use this Skill to quickly export SVGs from Figma, import them, normalize the colors, regenerate the sprite, and restart the Rails server for the changes to take effect.

Quick Start

Update the 'new_icon.svg' in the 'data/icons' directory and run 'bin/icons'. Restart the Rails server to see the updated icon set.

Dependency Matrix

Required Modules

None required

Components

scriptsassets

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: folio-icons
Download link: https://github.com/sinfin/folio/archive/main.zip#folio-icons

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 620,000+ vetted skills library on demand.