skills.rest
Michael0520
Michael0520COMMUNITY
Explore all skills by this author →
WebsiteGitHub

icon-replacement

Finds and suggests replacement names for legacy icons in the One-UI system.

Updated Aug 27, 2026
Search Tags:#ui#migration#frontend development#icons#code modernization#asset replacement
One-click install
npx skills add https://github.com/Michael0520/milo-claudekit --skill icon-replacement
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: icon-replacement
Source: https://github.com/Michael0520/milo-claudekit/tree/main/plugins/one-ui-migration/skills/icon-replacement
Command: npx skills add https://github.com/Michael0520/milo-claudekit --skill icon-replacement

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill addresses the challenge of migrating old codebases that use icons not present in a new icon system, or when needing to find suitable alternatives from an existing set.

Core Features & Use Cases

  • Icon Suggestion: Provides direct replacements for legacy icon names.
  • Icon Listing: Displays all available icons within the One-UI system.
  • Icon Searching: Allows searching for icons by keyword or category.
  • Use Case: When migrating a project, you encounter an old close icon. This skill can suggest icon:clear or icon:cancel as suitable replacements, explaining the semantic difference.

Quick Start

Use the icon-replacement skill to find a replacement for the legacy icon named 'close'.

Frequently Asked Questions about icon-replacement

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

FAQPage Schema
How do I find replacement icons for a UI migration project?▼

You can find replacement icons by searching for legacy icon names to receive semantically and visually matched alternatives from the One-UI system. The tool suggests suitable replacements and explains any semantic differences between the old and new icons.

What is the best way to search for UI icons by keyword during code modernization?▼

During code modernization, you can search for UI icons by filtering the One-UI system by specific keywords or categories. This allows you to list all available assets and identify the correct visual replacement for your frontend development.

Can I list all available icons within the One-UI system?▼

Yes, you can list all available icons within the One-UI system. This feature displays the complete asset library, helping you browse and select visually and semantically accurate alternatives for your frontend development migration.

Does the icon replacement tool explain semantic differences between old and new icons?▼

Yes, the icon replacement tool explains semantic differences between old and new icons. When suggesting alternatives for legacy names, it provides semantic and visual matching to ensure you understand the exact meaning of the replacement asset.

Why should I use an icon replacement tool for asset migration instead of manual code updates?▼

Using an icon replacement tool for asset migration ensures accurate semantic and visual matching when updating a codebase to a new icon system. It prevents broken UI elements by correctly mapping legacy icon names to suitable alternatives within the One-UI system.

Related Skills

Explore More Software Engineering Skills→
astronomerastronomer
419

airflow

Manage Apache Airflow DAGs, logs, and health via the Airflow MCP CLI.

Official
Advanced
Snowflake-LabsSnowflake-Labs
1

rule-engine-apply

Apply regex migration rules to SQL files with AI-suggested edits.

Official
Intermediate
trusted-americantrusted-american

fontawesome

Register FontAwesome 7 icons and render them with the A3 Icon component.

Official
Intermediate
johnzfitchjohnzfitch
4

Iconics - Professional Icon Library for LLMs

Retrieve and provision semantically tagged icons using CLIP embeddings.

Community
Intermediate