skills.rest
Orpheus-K
Orpheus-KCOMMUNITY
Explore all skills by this author →
GitHub

lucky-ui-icon

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
One-click install
npx skills add https://github.com/Orpheus-K/lucky-ui --skill lucky-ui-icon
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Software Engineering Skills→
forcedotcomforcedotcom
1.0k

icons-src

Create and integrate custom SVG icons into VS Code extension icon fonts.

Official
Intermediate
jiushiwonjiushiwon
44

icon-catch-skill

Find and download customized SVG icons from open-source libraries via Iconify.

Community
Intermediate
ruan-catruan-cat

beautiful-component-design

Standardize uni-app wot-design-uni component styling with rpx sizing and UnoCSS conventions.

Community
Intermediate
shelbeelyshelbeely
4

material-design-3-icons

Implement Material Design 3 icons using Material Symbols variable font axes.

Community
Intermediate