icon-catch-skill

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

44|11|Updated Jun 1, 2026
One-click install
npx skills add https://github.com/jiushiwon/wg-skills --skill icon-catch-skill
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: icon-catch-skill
Source: https://github.com/jiushiwon/wg-skills/tree/main/icon-image-catch-skill/icon-catch-skill
Command: npx skills add https://github.com/jiushiwon/wg-skills --skill icon-catch-skill

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill eliminates the tedious search for suitable UI icons by finding and downloading consistent, professional SVG assets from open-source icon libraries.

Core Features & Use Cases

  • Semantic Icon Search: Converts user-facing concepts into effective English search terms and finds matching icons through Iconify.
  • Multi-Library Selection: Searches Lucide, Tabler, Heroicons, Phosphor, Remix, Feather, Simple Icons, and Material Design Icons with style-aware prioritization.
  • Consistent Asset Delivery: Downloads customized SVGs with specified colors, dimensions, filenames, and project output directories.
  • Use Case: Give the home, profile, orders, and settings entries in a uni-app project a unified Lucide icon style, then save the assets to the project’s static icons directory.

Quick Start

Ask the icon-catch skill to find and download a home icon in the preferred style, color, size, and project icon directory.

Frequently Asked Questions about icon-catch-skill

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

FAQPage Schema
How do I find and download SVG icons for a React or uni-app project?

To find and download SVG icons, this Skill uses the Iconify API to search open-source libraries like Lucide and Tabler. It returns semantically appropriate professional SVG assets customized with your specified colors, dimensions, and project output paths for your React or uni-app project.

Can I get consistent icon styles from different open-source icon libraries?

Yes, you can get consistent icon styles by specifying a preferred library like Lucide, Heroicons, or Phosphor. The Skill applies style-aware prioritization during icon search to ensure all delivered SVG assets match your chosen open-source icon library.

Does this SVG icon search tool support custom colors and file sizes?

Yes, this SVG icon search tool supports custom colors and dimensions. It downloads customized SVG assets tailored to your user interface requirements, ensuring the downloaded files match your specific project directory naming and styling constraints.

What is the best way to replace emojis with professional UI icons in web projects?

The best way to replace emojis with professional UI icons is using semantic search via the Iconify API. The Skill converts concepts into English search terms to find matching SVGs from libraries like Remix and Material Design Icons for your web projects.

What happens if my initial SVG icon search returns no matching results?

If an initial SVG icon search returns no matching results, the Skill implements a fallback search strategy. It broadens the semantic query or switches between supported open-source libraries to ensure you still find and download appropriate UI icons.