Pixel Snap

Convert upscaled pixel art images back to clean, sharp pixel art. Detects grid size, extracts true pixel colors, and outputs crisp results. Supports icon mode (remove background, crop, center) and scene mode (preserve full image).

Install

skills CLI (Claude Code, Cursor, Codex and more)
npx skills add DreamC0der-AI/pixel-snap --skill pixel-snap
Manual install
git clone --depth 1 https://github.com/DreamC0der-AI/pixel-snap.git /tmp/pixel-snap
mkdir -p ~/.claude/skills
cp -r /tmp/pixel-snap/. ~/.claude/skills/pixel-snap

Personal skills live in ~/.claude/skills. Use .claude/skills in a project folder to share a skill with your team.

From the SKILL.md

# Pixel Art Snap

Convert upscaled/blurry pixel art images back to clean, sharp pixel art.

## Script Location

The script is at: `${CLAUDE_SKILL_DIR}/pixel-art-snap.js`

It requires the `sharp` npm package. If not installed, run:
```
cd ${CLAUDE_SKILL_DIR} && npm install sharp
```

## Usage

Run the script with:
```
node ${CLAUDE_SKILL_DIR}/pixel-art-snap.js [input] [output] [options]
```

### Arguments from user

The user's arguments: $ARGUMENTS

### Options

- `--mode=auto|icon|scene` — Post-processing mode (default: auto-detect)
  - `icon`: remove white background, crop, center on square, scale
  - `scene`: keep full image, scale with nearest-neighbor
- `--size=1024` — Target output size in pixels (default: 1024)
- `--grid=N` — Force grid size in pixels (skip auto-detection)
- `--threshold=240` — White background threshold (default: 240)

### Workflow

1. Parse the user's arguments to determine input file and options
2. If no input file is specified, ask the user for one
3. Run the script with the appropriate arguments
4. Report the results (grid size detected, mode used, output path)
5. If the user wants to preview the result, read the output image file

### Examples

```bash
# Basic usage
node ${CLAUDE_SKILL_DIR}/pixel-art-snap.js ~/images/sprite.png

# Specify output and size
node ${CLAUDE_SKILL_DIR}/pixel-art-snap.js input.png output.png --size=512

# Force icon mode with custom grid
node ${CLAUDE_SKILL_DIR}/pixel-art-snap.js sprite.png --mode=icon --grid=16
```
Read the full skill on GitHub

Details

Skill name
pixel-snap
Repo updated
7 March 2026

FAQ

What does the Pixel Snap skill do?

Convert upscaled pixel art images back to clean, sharp pixel art. Detects grid size, extracts true pixel colors, and outputs crisp results. Supports icon mode (remove background, crop, center) and scene mode (preserve full image).

How do I install the Pixel Snap skill?

skills CLI (Claude Code, Cursor, Codex and more): npx skills add DreamC0der-AI/pixel-snap --skill pixel-snap. Skills go in ~/.claude/skills (personal) or .claude/skills (project), and Claude loads them automatically when a task matches the description.

Is Pixel Snap popular?

It lives in DreamC0der-AI/pixel-snap, which has 6 GitHub stars and 0 forks.

Related skills

Transcription Skill

6

kajisho5/transcription-skill

Transcribe speech in audio or video files (mp4, mov, mkv, wav, m4a, mp3) into a structured, timestamped Transcript with a local ASR engine (faster-whisper), Japanese and English first-class; export plain SRT/VTT; derive speech intervals. Use this skill whenever the user asks what is said in a recording, wants a transcript, timestamps of speech, word timings, or timed text to hand to a subtitle or editing tool. It does not edit video, style subtitles, detect speakers, or decide anything about a production.

Images, Video & Audio

Interior Vibing

6

zyliu0/interior-vibing

Generate professional, purposeful interior design renderings that solve specific user problems. Use this skill when a user uploads a room photo and wants design recommendations, staging plans, or visual concepts for any interior space. This skill ensures every rendering is specific to the room's architecture, the user's goal (sell, rent, host, refresh), and real purchasable items — never generic "modern living room" output. Trigger on: room photos, interior design requests, staging advice, rental optimization, Airbnb improvement, home sale prep, or any "how should I design this room" question.

Images, Video & Audio

Xhs Studio

6

waynefu2020/xhs-studio

Publishes image-text notes to Xiaohongshu (小红书) via a local MCP server. Supports text, images, tags, visibility settings, and scheduled publishing. Also supports searching trending content. Use when user asks to "post to XHS", "发小红书", "publish to Xiaohongshu", or "搜索小红书热点".

Images, Video & Audio

Image Upload

6

iamzifei/image-upload-skill

Upload images to hosting providers and get shareable URLs 新手引导:输入 `/图床 新手`、「这个怎么用」「第一次用」「能干嘛」时,走 SKILL.md 的〈新手上路〉,不要直接开始干活。

Images, Video & Audio

Bilibili Audio

5

shuolsure/bilibili-audio-skill

下载B站视频音频。支持单个视频下载和批量下载UP主所有视频。当用户提供B站视频链接(bilibili.com、b23.tv)、要求下载B站音频、下载B站视频、提取B站音频、或批量下载某个UP主的视频时使用。触发词:B站下载、bilibili下载、下载B站音频、B站音频、哔站下载。

Images, Video & Audio

HTML to Explainer Video

5

amliuyong/html-to-explainer-video

把任意主题做成讲解/科普视频并渲染成 MP4(HTML/CSS/GSAP 画面 + 确定性逐帧渲染 + 配音(默认阿里云百炼,可切 edge-tts / 火山)+ 词级硬字幕)。触发场景:要做科普/讲解/教学/知识/产品类视频、「讲一下 X 做成视频」、要挑某种视觉风格(极简/数据/赛博/电影感/品牌)出片、要出抖音封面/竖版封面/9:16 封面、要用 html-video 那种模板化画面但更稳的音画同步、anything2explainer 换 HTML 渲染,或提到 html-to-explainer-video / HTML 讲解视频 / explainer video / MG 视频。内置 23 个模板风格(8 类)与 40+ 动作词汇的动效库,主题驱动模板编排;支持 4K60、快门运动模糊、多进程提速、断点续渲;流程含六个用户确认点(渲染通道是硬闸门)。独立可移植,不依赖 html-video / anything2explainer。

Images, Video & Audio

Browse the most popular Claude skills, all images, video & audio skills, or write your own with the skills generator.