New: 98,000+ skills indexed from GitHub repos with 100+ stars · every skill safety-checkedBrowse top skillsTop skills
Esc to closeBrowse all skills
Submit a skillBrowse skills
Submit a skillBrowse skills

Agent skill

Icon

by Joangeldelarosa in Joangeldelarosa/pxlkit

A skill your agent uses when creating a pixel-art icon in pxlkit's PxlKitData format (16x16 grid plus palette), static or animated.

Custom licenceAuto-check: notesGame Development

Install Icon

skills CLI
$ npx skills add Joangeldelarosa/pxlkit --skill icon -a claude-code

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

GitHub CLI
$ gh skill install Joangeldelarosa/pxlkit icon --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/Joangeldelarosa/pxlkit.git skills-src && mkdir -p .claude/skills && cp -r skills-src/plugins/pxlkit/skills/icon .claude/skills/icon && 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
icon
GitHub stars
117
Token cost
~1.5k tokens
SKILL.md length
761 words
Files
1
Skills in repo
5
Repo updated
First seen
Licence
Custom licence

At a glance

A skill your agent uses when creating a pixel-art icon in pxlkit's PxlKitData format (16x16 grid plus palette), static or animated.

  • Works in 6 steps: Context → Check the concept is not already covered → Design the grid → …
  • Creating a pixel-art icon in pxlkits PxlKitData format (16x16 grid plus palette)
  • SKILL.md covers Which mode you are in, Step 0 — Context, Step 1 — Check the concept is… and Step 2 — Design the grid, plus 5 more sections
  • Calls node

What it does

Icon is an agent skill from Joangeldelarosa/pxlkit. Use when creating a pixel-art icon in pxlkit's PxlKitData format (16x16 grid plus palette), static or animated. Validates against both pxlkit icon validators before writing.

Its SKILL.md is about 1.5k 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 Game Development, covering Sprites and pixel art. The repository describes itself as: Free to Use Retro React UI kit & pixel art icon library. Includes 40+ React components, 200+ hand-crafted SVG pixel icons (static & animated), and a visual builder. Built with…

When your agent uses it

  • Creating a pixel-art icon in pxlkits PxlKitData format (16x16 grid plus palette)
  • Tasks that involve Sprites and pixel art

Example prompts

  • “/icon”

Requirements

  • Pre-approved tools (allowed-tools): Read, Write, Edit, Glob, Grep, Bash

Workflow steps

6 steps, taken from the step headings in SKILL.md.

  1. Context
  2. Check the concept is not already covered
  3. Design the grid
  4. Look at it
  5. Validate before writing anything final
  6. Write it

What it can do on your machine

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

  • Tool permissions

    Pre-approves these tools, so the agent can use them without asking each time:

    • Read
    • Write
    • Edit
    • Glob
    • Grep
    • Bash

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    Shell commands in SKILL.md call:

    • node

    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

Icon loads about 1.5k tokens when it runs. Until then it costs about 45 tokens; SKILL.md has 761 words of instructions outside code blocks.

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

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: notes

The automated check noted patterns worth knowing about, such as sudo or a known installer.

  • NotePre-approves every shell command (allowed-tools: Bash)SKILL.md
    allowed-tools: Read, Write, Edit, Glob, Grep, Bash

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

Its licence (Custom licence) doesn't allow us to republish the file, so here is its outline and opening line. It has 761 words (~1,459 tokens).

“pxlkit icons are not SVG files. The source of truth is a TypeScript object holding a character grid and a palette; @pxlkit/core generates the SVG at runtime. You are writing that object.”

— opening of SKILL.md by Joangeldelarosa, Custom licence
name
icon
allowed-tools
Read, Write, Edit, Glob, Grep, Bash
argument-hint
[name] [description] [--pack ui|feedback|social|weather|gamification|effects|parallax] [--animated]

Read the full SKILL.md on GitHub

Files

Just SKILL.md in plugins/pxlkit/skills/icon of Joangeldelarosa/pxlkit.

Open the folder on GitHubat commit b8e4669

Compare with similar skills

Icon 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.

Icon compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Icon this skillJoangeldelarosa/pxlkit117—~1.5kAutomated safety check: NotesCustom licence
Game Asset Generatorhtdt/godogen7.1k—~2.8kAutomated safety check: PassMIT
Code-Drawn 2D Game Art0x0funky/agent-sprite-forge4.4k—~2.5kAutomated safety check: PassMIT
Sprite Genaldegad/sprite-gen2.7k—~4.9kAutomated safety check: PassApache-2.0
Pixel Artmateaix/mateclaw1.2k5 repos~1.8kAutomated safety check: PassApache-2.0
Petdexcrafter-station/petdex4.2k—~614Automated safety check: PassMIT

Similar skills

  • Game Asset Generator

    htdt/godogen

    Generates game art from text prompts: PNG images, GLB 3D models, rigged characters, animations and sprites, with background removal.

    7.1k GitHub stars~2.8k tokensUpdated 9 days ago
    Game DevelopmentAuto-check passed

  • Code-Drawn 2D Game Art

    0x0funky/agent-sprite-forge

    Draws 2D game art from code with no image model: pixel sprites, SVG props and icons, rigged characters, FX, autotiles and layouts, only when explicitly asked for.

    4.4k GitHub stars~2.5k tokensUpdated 4 days ago
    Game DevelopmentAuto-check passed

  • Sprite Gen

    aldegad/sprite-gen

    Generates images and game sprites through GPT or Grok with guided provider choices, separate saved defaults, automatic cleanup and optional curation.

    2.7k GitHub stars~4.9k tokensUpdated yesterday
    Game DevelopmentAuto-check passed

  • Pixel Art

    mateaix/mateclaw

    Pixel art w/ era palettes (NES, Game Boy, PICO-8). An agent skill from mateaix/mateclaw.

    1.2k GitHub starsUsed in 5 repos~1.8k tokens
    Game DevelopmentAuto-check passed

  • Petdex

    crafter-station/petdex

    Browse, install, submit, and edit pixel-art pets with the Petdex CLI.

    4.2k GitHub stars~614 tokensUpdated today
    Game DevelopmentAuto-check passed

  • Asset Pipeline

    rehan-remade/universal-modder

    Turn generated or hand-made art into exactly what a game engine loads.

    6.1k GitHub stars~2k tokensUpdated today
    Game DevelopmentAuto-check passed

More from Joangeldelarosa/pxlkit

  • Audit

    Joangeldelarosa/pxlkit

    A skill your agent uses when reviewing or fixing a UI built with pxlkit (@pxlkit/ui-kit) for canonical API usage, accessibility and pixel-perfect quality.

    117 GitHub stars~1.8k tokensUpdated 3 days ago
    Auto-check: notes

  • Imagine

    Joangeldelarosa/pxlkit

    A skill your agent uses when building a new pixel-art or retro frontend with pxlkit (@pxlkit/ui-kit) — landing, dashboard, portfolio, game UI.

    117 GitHub stars~1.6k tokensUpdated 3 days ago
    Auto-check: notes

  • Pixelate

    Joangeldelarosa/pxlkit

    A skill your agent uses when converting existing React code to the pxlkit design system (@pxlkit/ui-kit), replacing the presentation layer while preserving routes, state, handlers and tests.

    117 GitHub stars~1.3k tokensUpdated 3 days ago
    Auto-check: notes

  • Start

    Joangeldelarosa/pxlkit

    A skill your agent uses when setting up a project to use pxlkit (@pxlkit/ui-kit), or when asked what the pxlkit skills do.

    117 GitHub stars~1.3k tokensUpdated 3 days ago
    Auto-check: notes

Categories

Questions about Icon

What does Icon do?

A skill your agent uses when creating a pixel-art icon in pxlkit's PxlKitData format (16x16 grid plus palette), static or animated. Icon is an agent skill from Joangeldelarosa/pxlkit. Use when creating a pixel-art icon in pxlkit's PxlKitData format (16x16 grid plus palette), static or animated.

When should I use Icon?

Icon fits situations like: creating a pixel-art icon in pxlkits PxlKitData format (16x16 grid plus palette); tasks that involve Sprites and pixel art.

How do I install Icon in Claude Code?

Run `npx skills add Joangeldelarosa/pxlkit --skill icon -a claude-code`. Or copy the skill folder (plugins/pxlkit/skills/icon in Joangeldelarosa/pxlkit) into .claude/skills/icon in your project. Claude Code loads it when a task matches its description.

How do I install Icon in Codex?

Run `npx skills add Joangeldelarosa/pxlkit --skill icon -a codex`. Or copy the skill folder (plugins/pxlkit/skills/icon in Joangeldelarosa/pxlkit) into .agents/skills/icon in your project. Codex loads it when a task matches its description.

Can I use Icon 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 Joangeldelarosa/pxlkit --skill icon -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/icon, .gemini/skills/icon, .github/skills/icon and .opencode/skills/icon in your project.

What does Icon need to run?

Going by SKILL.md and its folder, Icon needs the command-line tools its instructions call (node). Its frontmatter pre-approves these tools: Read, Write, Edit, Glob, Grep, Bash.

Does Icon 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 Icon safe to install?

Our automated static check of SKILL.md found notes only (pre-approves every shell command (allowed-tools: bash)), nothing it rates as a warning. It is not a guarantee. Review the folder before installing.

What licence does Icon use?

Icon has a licence file (the repository's licence) that doesn't match a standard licence. Read it on GitHub before reusing the skill.

How many tokens does Icon use?

About 1.5k tokens (SKILL.md is roughly 5.8k 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 Icon?

Skills that share tags, products or a category with Icon: Game Asset Generator (htdt/godogen, 7.1k stars), Code-Drawn 2D Game Art (0x0funky/agent-sprite-forge, 4.4k stars), Sprite Gen (aldegad/sprite-gen, 2.7k stars) and Pixel Art (mateaix/mateclaw, 1.2k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Icon?

Joangeldelarosa (a GitHub user) maintains it in Joangeldelarosa/pxlkit, which has 117 GitHub stars. The repository holds 5 skills in this directory. The repository was last updated on October 7, 2026.

Source: Joangeldelarosa/pxlkit on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.