Agent skill

Iconify Icons

by oomol-lab in oomol-lab/open-flow

Search local Iconify JSON and use UnoCSS icon classes in the Open Flow repository.

Apache-2.0Auto-check passedProductivity & Automation

Install Iconify Icons

skills CLI
$ npx skills add oomol-lab/open-flow --skill iconify-icons -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install oomol-lab/open-flow iconify-icons --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/oomol-lab/open-flow.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.agents/skills/iconify-icons .claude/skills/iconify-icons && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
iconify-icons
GitHub stars
230
Token cost
~850 tokens
SKILL.md length
401 words
Files
1
Skills in repo
2
Repo updated
First seen
Licence
Apache-2.0

At a glance

Search local Iconify JSON and use UnoCSS icon classes in the Open Flow repository.

  • Choosing UI icons in this project
  • SKILL.md covers Search local data and Use through UnoCSS
  • Calls bun

What it does

Iconify Icons is an agent skill from oomol-lab/open-flow. Search local Iconify JSON and use UnoCSS icon classes in the Open Flow repository. Use when adding, replacing, or choosing UI icons in this project.

Its SKILL.md is about 850 tokens, which your agent loads only when the skill is triggered. It is a single SKILL.md file with no bundled scripts.

It sits in Productivity & Automation. It works with Docker, React, JavaScript and TypeScript. The repository describes itself as: Build workflows you can see, code, run, and own. Open-source visual workflow automation with real TypeScript, isolated execution, and a self-hosted Control API. The licence is Apache-2.0.

When your agent uses it

  • Choosing UI icons in this project

Example prompts

  • “/iconify-icons”

What it can do on your machine

Read from SKILL.md and the folder at commit ff722d8. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    Shell commands in SKILL.md call:

    • bun

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    No URLs in SKILL.md.

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Iconify Icons loads about 850 tokens when it runs. Until then it costs about 41 tokens; SKILL.md has 401 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~41
When it runs · the whole SKILL.md, loaded when a task matches
~850

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

The full file from oomol-lab/open-flow at commit ff722d8, republished under its Apache-2.0 licence (© oomol-lab). 401 words, ~850 tokens.

Download SKILL.mdSave it as .claude/skills/iconify-icons/SKILL.md (or your agent's skills folder).
name
iconify-icons
description
Search local Iconify JSON and use UnoCSS icon classes in the Open Flow repository. Use when adding, replacing, or choosing UI icons in this project.

Iconify icons for Open Flow

This project installs the full @iconify/json package and uses UnoCSS for UI icons. Search the installed JSON files and use an existing icon. Do not draw custom SVGs, write SVG paths, construct CSS icons, or generate icon images. Existing custom icons are not a precedent for adding new ones.

Search local data

Paths below are relative to the repository root. The full collection data lives in packages/open-flow/node_modules/@iconify/json/json/<collection>.json, with collection information in packages/open-flow/node_modules/@iconify/json/collections.json. Use the installed data as the source of truth; no HTTP API or browser is needed.

Search JSON keys in icons and aliases, rather than dumping SVG bodies into context. For example, run from packages/open-flow:

sh
bun -e '
const data = await Bun.file("node_modules/@iconify/json/json/lucide.json").json();
for (const name of [...Object.keys(data.icons), ...Object.keys(data.aliases ?? {})]) {
  if (/flow|connection|minimap/i.test(name)) console.log(`i-lucide-light:${name}`);
}
'

Prefer Lucide for new or replaced UI icons. Use the project's lucide-light collection with stroke width 1.5, not the default lucide collection with stroke width 2. It uses the same icon keys as the installed lucide.json; search that file and emit i-lucide-light:<name>. When using an existing lucide-react component, explicitly set strokeWidth={1.5}. Search other installed collections only when Lucide has no suitable icon or the user specifies another collection. Keep icons within the same control group visually consistent in stroke weight, proportions, and apparent size; nearby legacy icons do not override the Lucide preference. Try related English keywords when an exact search is sparse. Read only the selected candidates and their alias parents for SVG inspection; use @iconify/utils to resolve aliases when rendering previews locally. Compare stroke weight, proportions, and appearance at the intended size, not just icon names. Choose verification using the repository verification principles.

Show full SKILL.md (144 more words)Show less

Use through UnoCSS

Use the collection prefix and exact icon key to form a complete class:

tsx
<i aria-hidden="true" className="i-lucide-light:workflow" />

Write the complete class literally in source so UnoCSS can discover it. Do not assemble it from fragments at runtime. Keep accessible names on icon-only buttons.

packages/open-flow/src/build/node/designerUnoConfig.ts configures UnoCSS to resolve collections from the owning workspace. The full package supports other collections without adding individual @iconify-json/* packages or registering each collection. Check the source scanning configuration when using icons in a new source location. Do not import the full icon catalog into browser code or add runtime network loading for these static UI icons; UnoCSS emits CSS for the icons used by the source.

If dependencies are missing, install the repository dependencies. If no suitable icon exists after related searches, explain the gap rather than silently drawing one. Follow the repository checks when changing UI or build code.

© oomol-lab, Apache-2.0. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file

Files

Just SKILL.md in .agents/skills/iconify-icons of oomol-lab/open-flow.

Open the folder on GitHubat commit ff722d8

Compare with similar skills

Iconify Icons next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Iconify Icons compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Iconify Icons this skilloomol-lab/open-flow230—~850Automated safety check: PassApache-2.0
Javascript SDKaiskillstore/marketplace4301 repos~3.3kAutomated safety check: PassNone
Bit CLIteambit/bit18k—~2kAutomated safety check: WarnCustom licence
Generate Release Notesteambit/bit18k—~2.2kAutomated safety check: PassCustom licence
Coding Standardskurealnum/dotfiles29017 repos~2.9kAutomated safety check: PassNone
Coding Standardsaffaan-m/ECC276k3 repos~2.6kAutomated safety check: PassMIT

Similar skills

  • Javascript SDK

    aiskillstore/marketplace

    JavaScript/TypeScript SDK for inference.sh - run AI apps, build agents, integrate with all models.

    430 GitHub starsUsed in 1 repo~3.3k tokens
    Backend & APIsAuto-check passed
  • Bit CLI

    teambit/bit

    MUST consult before running ANY bit command. An agent skill from teambit/bit.

    18k GitHub stars~2k tokensUpdated today
    DevelopmentAuto-check: warnings
  • Generate comprehensive release notes for Bit from git commits and pull requests.

    18k GitHub stars~2.2k tokensUpdated today
    DevelopmentAuto-check passed
  • Coding Standards

    kurealnum/dotfiles

    Universal coding standards, best practices, and patterns for TypeScript, JavaScript, React, and Node.js development.

    290 GitHub starsUsed in 17 repos~2.9k tokens
    DevelopmentAuto-check passed
  • Coding Standards

    affaan-m/ECC

    适用于TypeScript、JavaScript、React和Node.js开发的通用编码标准、最佳实践和模式. An agent skill from affaan-m/ECC.

    276k GitHub starsUsed in 3 repos~2.6k tokens
    DevelopmentAuto-check passed
  • Coding Standards

    affaan-m/ECC

    TypeScript、JavaScript、React、Node.js開発のための汎用コーディング標準、ベストプラクティス、パターン。

    276k GitHub starsUsed in 2 repos~2.6k tokens
    DevelopmentAuto-check passed

More from oomol-lab/open-flow

  • Frontend UI

    oomol-lab/open-flow

    Implement and review Open Flow frontend components, styling, layout, and interactions.

    230 GitHub stars~819 tokensUpdated today
    Auto-check passed

Questions about Iconify Icons

What does Iconify Icons do?

Search local Iconify JSON and use UnoCSS icon classes in the Open Flow repository. Iconify Icons is an agent skill from oomol-lab/open-flow. Search local Iconify JSON and use UnoCSS icon classes in the Open Flow repository.

When should I use Iconify Icons?

Iconify Icons fits situations like: choosing UI icons in this project.

How do I install Iconify Icons in Claude Code?

Run `npx skills add oomol-lab/open-flow --skill iconify-icons -a claude-code`. Or copy the skill folder (.agents/skills/iconify-icons in oomol-lab/open-flow) into .claude/skills/iconify-icons in your project. Claude Code loads it when a task matches its description.

How do I install Iconify Icons in Codex?

Run `npx skills add oomol-lab/open-flow --skill iconify-icons -a codex`. Or copy the skill folder (.agents/skills/iconify-icons in oomol-lab/open-flow) into .agents/skills/iconify-icons in your project. Codex loads it when a task matches its description.

Can I use Iconify Icons in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add oomol-lab/open-flow --skill iconify-icons -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/iconify-icons, .gemini/skills/iconify-icons, .github/skills/iconify-icons and .opencode/skills/iconify-icons in your project.

What does Iconify Icons need to run?

Going by SKILL.md and its folder, Iconify Icons needs the command-line tools its instructions call (bun).

Does Iconify Icons access the network?

SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.

Is Iconify Icons safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does Iconify Icons use?

Iconify Icons is published under the Apache-2.0 licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Iconify Icons use?

About 850 tokens (SKILL.md is roughly 3.4k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.

What are the alternatives to Iconify Icons?

Skills that share tags, products or a category with Iconify Icons: Javascript SDK (aiskillstore/marketplace, 430 stars), Bit CLI (teambit/bit, 18k stars), Generate Release Notes (teambit/bit, 18k stars) and Coding Standards (kurealnum/dotfiles, 290 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Iconify Icons?

oomol-lab (a GitHub organization) maintains it in oomol-lab/open-flow, which has 230 GitHub stars. The repository holds 2 skills in this directory. The repository was last updated on October 9, 2026.

Source: oomol-lab/open-flow on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.