lucky-ui-icon

Name: lucky-ui-icon
Availability: InStock
Author: orpheus-k

Manage SVG icons and rebuild icon fonts for Lucky UI.

13|Updated Jun 16, 2026

Search Tags:#UI component #icon management #font generation #Uni-app #Bootstrap Icons

Ready to run

npx skills add https://github.com/Orpheus-K/lucky-ui --skill lucky-ui-icon

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: lucky-ui-icon
Source: https://github.com/Orpheus-K/lucky-ui/tree/main/.agents/skills/lucky-ui-icon
Command: npx skills add https://github.com/Orpheus-K/lucky-ui --skill lucky-ui-icon

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires svgtofont, and includes scripts (resource) and assets (resource) components.

What problem does it solve?

This Skill helps manage icons for the Lucky UI component library, allowing users to add new SVG icons, rebuild icon fonts, and reference existing icons for component use.

Core Features & Use Cases

Icon Management: Add new SVG icons to the icon library, rebuild icon fonts, and query existing icons.
Component Integration: Use the lk-icon component within Lucky UI applications.
Use Case: When creating a new Uni-app application with Lucky UI, this Skill enables the addition of custom icons to the project.

Quick Start

Run the 'prepare' command to prepare Bootstrap Icons and add your custom SVG icon files to the 'src/uni_modules/lucky-ui/components/lk-icon/svgs/' directory. Then, execute the 'build' command to rebuild the icon font.

Frequently Asked Questions about lucky-ui-icon

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I add custom SVG icons to a Uni-app project?▼

To add custom SVG icons to a Uni-app project, add your SVG files to the icon directory and execute the build command to rebuild the icon font.

Can I use Bootstrap Icons with my custom UI component library?▼

Yes, you can use Bootstrap Icons by running the prepare command, which makes them available for integration and font generation within your UI component library.

What is the process to rebuild icon fonts after adding new SVG files?▼

Rebuilding icon fonts requires executing the build command after adding new SVG files, which utilizes svgtofont to generate updated fonts for component use.

Does svgtofont support font generation for Uni-app applications?▼

Yes, svgtofont supports font generation for Uni-app applications by converting SVG files into icon fonts for use with the lk-icon component.

How do I query existing icons in a component library?▼

You can query existing icons by using the icon management features to search and reference available icons already integrated into the UI component library.

What's the best way to manage icons for a Uni-app component library?▼

The best way to manage icons is using a dedicated icon management skill to add SVG icons, rebuild fonts with svgtofont, and reference them via the lk-icon component.