🎨 Custom Icons Skill

A specialized skill for creating and managing bespoke icons using AI generation, conceptual design, and vector tracing.

Tested with Codex and Antigravity.

🚀 Installation

To add this skill to your agent environment, run:

npx skills add jkc66/custom-icons-skill

or

bunx skills add jkc66/custom-icons-skill

🛠 Usage

1. Generate or Design

Use the instructions in SKILL.md to generate artwork or refine a conceptual "desire".

2. Process Image

Follow the Strategy A or Strategy B pipeline in SKILL.md. Reference gallery assets live in readme-assets/icons/.

3. Trace to SVG

Ensure potrace is installed:

potrace tmp/icons/my-new-icon.pbm --svg --flat -o src/assets/icons/my-new-icon.svg

4. Optimize

Minify the SVG:

bunx svgo src/assets/icons/my-new-icon.svg --multipass

📂 Structure

• skills/SKILL.md: Core logic and instructions for the AI agent.
• skills/scripts/: Processing utilities used by the skill.
• readme-assets/icons/: Categorized README reference gallery.

---

🖼 Reference Gallery

Explore the different styles supported by this skill:

💎 Premium (Strategy A)

Monoline, elegant, thin strokes.

🤖 Tech (Strategy A)

Geometric, bold, 2px stroke weight.

🌿 Lifestyle (Strategy A)

Organic, hand-drawn, textured edges.

🏛 Detailed (Strategy A)

Intricate, high-detail vector art.

🌈 Complex (Strategy B)

3D, multi-color, transparent PNGs (Green Screen workflow).