A unified CLI and AI-powered icon library providing access to over 19,000 icons with framework-aware generation and tree-shaking.
Install & Download
1. ClawHub CLI
The fastest way to install a skill directly from the registry.
npx clawhub@latest install unicon
2. Manual Installation
Copy the skill folder to one of these locations
~/.openclaw/skills/ <project>/skills/ Priority: Workspace > Local > Bundled
3. Prompt Installation
Copy this prompt to OpenClaw to install it automatically.
Help me install unicon using Clawhub. If Clawhub is not installed, install it first (npm i -g clawhub).
Prefer to download?
Get the raw skill files in a ZIP archive.
What is Unicon?
Unicon is a comprehensive icon management solution designed to streamline how developers integrate visual assets into modern web applications. By aggregating over 19,000 icons from premier libraries like Lucide, Phosphor, and Heroicons, it eliminates the need for multiple bulky dependencies. This tool, featured in Openclaw Skills, focuses on efficiency by generating only the specific icons required for your project.
Unlike standard npm packages that inflate bundle sizes, Unicon produces clean, tree-shakeable components tailored to your specific framework. It automatically detects project environments such as React, Vue, or Svelte, ensuring that the generated code fits seamlessly into your existing architecture while maintaining high performance and developer productivity.
Unicon Use Cases
- Adding semantic, AI-searched icons to React, Vue, or Svelte projects without manual SVG handling
- Generating high-performance, tree-shakeable icon bundles to minimize production bundle sizes
- Auditing project codebases to identify and remove unused icon assets or fix missing imports
- Integrating icon management directly into AI coding workflows using Openclaw Skills for automated UI development
- Managing a centralized favorites system to reuse consistent branding across multiple applications
How Unicon Works
- The user initializes the project using the CLI to create a configuration file that tracks selected icons.
- Semantic search or category browsing is used to find relevant icons from a library of over 19,000 assets.
- The tool auto-detects the developer framework and generates optimized source files for the chosen icons.
- A synchronization process manages the lifecycle of bundles, updating components as the configuration changes.
- AI assistants powered by Openclaw Skills can be invoked to automatically find and insert icons into the code via natural language commands.
Unicon Setup
To begin using this tool from Openclaw Skills, install the CLI globally via npm:
npm install -g @webrenew/unicon
Initialize your project configuration with an interactive wizard:
unicon init --interactive
To integrate with your preferred AI editor (Claude, Cursor, Windsurf, etc.), run:
unicon skill --all
Unicon Data Schema & Taxonomy
Unicon organizes project data through a central configuration file and a local cache system. This ensures consistency across the Openclaw Skills ecosystem.
| Component | Description |
|---|---|
| .uniconrc.json | The primary configuration file storing bundle definitions, icon selections, and framework settings. |
| ~/.unicon/cache | Local storage for icon metadata and assets, with a default 24-hour expiration policy. |
| src/icons/ | Default output directory for generated React, Vue, or Svelte components. |
| Metadata | Includes icon name, library source, category tags, and weight variants (e.g., thin, bold). |
Unicon Advanced Features
- AI-powered semantic search that understands intent rather than just keyword matching
- Framework-aware auto-detection for zero-config component generation in major JS frameworks
- Watch mode for real-time regeneration of icon bundles during development using Openclaw Skills hooks
- Comprehensive audit tools to maintain clean codebases by detecting unused assets
- Deep integration with Openclaw Skills for multi-agent support across IDEs like Cursor, Windsurf, and Claude Code
SKILL.md
Loading
Related Openclaw Skills
Watcha AI Product Finder
An AI-driven discovery tool that leverages the watcha.cn API to find, evaluate, and recommend AI products based on community sentiment and technical specifications.
Copilot Money Finance Analyzer
Query and analyze local Copilot Money transaction and budget data using SQL and shell utilities.
People Memories Skill
A lightweight personal CRM and context-retention skill for AI agents to store and recall specific details about individuals.
Voice Assistant
A high-performance, real-time voice interface for Openclaw agents featuring sub-2 second latency and multi-provider STT/TTS support.
Privacy Concierge
A personal AI concierge that automates data broker removals and monitors your digital privacy footprint in real-time.
Backend Development Patterns
A comprehensive toolkit of backend architecture patterns and server-side best practices for building scalable applications.
Featured*
