oil-icon

Generates 16 cohesive icons via a 4x4 grid with automated slicing and background removal.

159|16|Updated Jul 5, 2026
One-click install
npx skills add https://github.com/oil-oil/oil-icon --skill oil-icon
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: oil-icon
Source: https://github.com/oil-oil/oil-icon/tree/main
Command: npx skills add https://github.com/oil-oil/oil-icon --skill oil-icon

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires Pillow, numpy, scipy, rembg, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill solves the inconsistency and design overhead of creating icon sets by generating 16 icons simultaneously within a single visual context, ensuring uniform style, stroke, and color across the entire set.

Core Features & Use Cases

  • Cohesive Generation: Creates 16 icons in one pass to maintain strict visual consistency in line weight, corner radius, and perspective.
  • Brand Adaptation: Derives custom style specifications from existing project assets, logos, or design tokens.
  • Automated Post-Processing: Automatically slices the generated 4x4 sheet into individual icons and removes backgrounds using either flood-fill or machine learning-based cutout.
  • Use Case: Ideal for generating product feature icons, empty-state illustrations, or marketing assets that must match a specific brand aesthetic without the manual effort of drawing each icon individually.

Quick Start

Use the oil-icon skill to generate a set of 16 isometric icons for my SaaS dashboard based on the provided brand color palette.

Frequently Asked Questions about oil-icon

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

FAQPage Schema
How do I generate a cohesive set of brand-aligned icons as transparent PNGs?

To generate cohesive icons as transparent PNGs, this Skill renders a 4x4 grid of 16 icons on a flat grey backdrop and automatically slices them. It then removes backgrounds using local Python processing to deliver individual, brand-aligned assets.

What is the best way to ensure visual consistency across a set of 16 product icons?

The best way to ensure visual consistency across 16 product icons is generating them simultaneously within a single visual context. This approach maintains strict uniformity in line weight, corner radius, and perspective without manual individual drawing.

Do I need a local Python environment to remove backgrounds from generated icons?

Yes, you need a local Python environment to remove backgrounds from generated icons. The automated post-processing relies on Python dependencies like Pillow, numpy, scipy, and rembg to slice the grid and execute flood-fill or machine learning-based cutouts.

Can I use my existing design tokens and brand assets to generate matching marketing icons?

Yes, you can use existing design tokens and brand assets to generate matching marketing icons. The Skill derives custom style specifications from your provided project assets to ensure the generated icons match your specific brand aesthetic.

How does automated icon slicing work for a 4x4 generated grid?

Automated icon slicing works by rendering 16 icons in a 4x4 grid format on a flat grey backdrop, then systematically dividing the single image sheet into individual transparent PNG files using Python image processing.

Are there limitations when using machine learning-based cutout for background removal on icons?

A limitation of using machine learning-based cutout for background removal is that it requires specific Python dependencies like rembg and scipy. Additionally, the initial rendering uses a flat grey backdrop, which may affect cutout accuracy if icon colors closely match the background.