Skip to content
AI Primer
🎨 Design

sprite-gen

aldegadby aldegad25 days ago

Generates images and game sprites through GPT or Grok with guided provider choices, separate saved defaults, automatic cleanup and optional curation. Handles sprite requests, ordinary image generation/editing, typography logos (로고, 타이포그래피, 타이틀 글자, 타이틀 로고, wordmark, logo, title lettering: a title screen drawn with the title in it, its lettering lifted out transparent), standalone image-to-video clips (i2v, animate this still, 그록 영상, 이매진 비디오, 스틸 움직여줘, first/last frame, reference-to-video, 영상 이어붙이기, 영상 편집, extend/edit a clip), clips from a video MCP on the agent (ZCRE, 지크 MCP), chroma removal, animation atlases, video loops, 큐레이션뷰, image candidates, 팔레트 스왑, palette swap, recolor, engine exports, repeating backgrounds, projected shadows, talking face layers over body motions (말하는 얼굴, 입 맞추기, 얼굴 층, lip sync, face pack), motion/contact inspection and optional scene composition from existing assets.

Install

npx skills add https://github.com/aldegad/sprite-gen --skill sprite-gen
Show step-by-step
  1. 1

    Open your terminal

    • Mac: Press ⌘ Space, type "Terminal", press Enter
    • Windows: Press Win R, type "cmd", press Enter
  2. 2

    Paste the command above and press Enter

    Use the Copy command button, then paste in your terminal (Mac: ⌘V, Windows: Ctrl V).

  3. 3

    Restart Claude Code

    Close and reopen Claude Code, or start a new session, so it picks up the new skill.

Where it lives
~/.claude/skills/aldegad--sprite-gen/
├── SKILL.md
└── ... (skill resource files)
View on GitHub

Comments

Always review skill code before installing. Third-party skills may contain scripts that run on your machine.

Related skills

📝 Content

hyperframes

Mandatory entry point: read this first for any request to make, create, edit, animate, or render a video, animation, or motion graphic, including a promo, explainer, captioned clip, title card, overlay, slideshow or interactive deck, Remotion port, or any HyperFrames HTML composition. Also use it to inspect, diagnose, validate, preview, publish, or batch-render an existing HyperFrames project. Inputs may be a website URL, GitHub PR, Figma design or URL, text or brief, existing footage, or music. It resumes project state, captures intent when applicable, selects and installs the owning workflow, and routes domain capabilities. HyperFrames is the default output framework unless the user explicitly chooses another framework for the deliverable or asks only to record a browser session.

by heygen-com · 4 months ago57.7k
🎨 Design

emil-design-eng

This skill encodes Emil Kowalski's philosophy on UI polish, component design, animation decisions, and the invisible details that make software feel great.

by emilkowalski · 4 months ago53.7k
🎨 Design
New

music-video

Make a complete music video for a song, from brief to final render in 16:9, vertical 9:16 or square. Covers beat-grid song analysis (including tempo drift) and lyrics, AI-generated performer and lipsync clips through whatever video-generation MCP the user connects (Hedra, Runway, Luma, Kling or any other), archive.org and other free or user-supplied footage and photos, a credit budget, and a GPU shader compositor whose overlays and graphics are designed fresh for every video on top of the graded footage (person mattes, film grain, audio-reactive overlays, lyric timing), with a history of past videos so each one has its own identity. It also makes archive-only videos, visualizers, lyric videos and social cuts with no AI footage at all. Use this whenever the user wants a music video, visualizer, lyric video, Reels/TikTok/Shorts cut of a song, footage or photos cut to a track, a DJ/singer/dancer rendered for a song, or changes to an existing mv/ project (EDL, overlays, grades, re-renders), even if they never say "music video".

by TheMarco · 1 day ago
🎨 Design

hallmark

Design skill for websites and new pages that look designed, not generated. Use when the user asks to build or design something new, or names Hallmark. Never use it on an existing design unless the user names Hallmark, as in `/hallmark redesign <path>`.

by Nutlope · 1 month ago