godot-sprite-animation
Manages 2D sprite animation setup in Godot.
Install
mkdir -p .claude/skills/godot-sprite-animation && curl -L -o skill.zip "https://agentskills.codes/api/skills/download/16545" && unzip -o skill.zip -d .claude/skills/godot-sprite-animation && rm skill.zipInstalls to .claude/skills/godot-sprite-animation
Activation
This is the description your AI agent reads to decide when to run this skill — the better it matches your request, the more reliably it fires.
Use when importing, aligning, slicing, padding, or wiring 2D sprite sheets and Godot AnimatedSprite2D/SpriteFrames resources for this project. Trigger for animation stability, frame sizing, AtlasTexture margin, sprite sheet grids, hit-frame timing, feet alignment, or fixing visual jitter in Godot pixel-art character animations.Key capabilities
- →Slice sprite sheets for Godot
- →Pad sprite frames using `AtlasTexture.margin`
- →Configure `SpriteFrames` and `AnimatedSprite2D`
- →Align feet baseline and body center for animations
- →Adjust hit-frame timing for combat animations
How it works
The skill processes sprite sheets by slicing, padding, and configuring Godot's `SpriteFrames` and `AnimatedSprite2D` resources to ensure animation stability and alignment.
Inputs & outputs
When to use godot-sprite-animation
- →Slicing sprite sheets
- →Padding sprite frames
- →Aligning animations in Godot
- →Fixing animation jitter
About this skill
Godot Sprite Animation Workflow
职责边界
这个 skill 只管 Godot 里的 sprite animation 接入和稳定性：
- slicing
- padding
SpriteFramesAnimatedSprite2DAtlasTexture.regionAtlasTexture.margin- feet baseline
- hit-frame timing
- visual jitter
它不负责定义项目美术风格。风格、prompt、canvas 目标、透明背景、像素规则以 prototype-alpha-pixel-art-style 和 docs/ART_PIPELINE.md 为准。
Preferred Asset Shape
接入 Godot 时，优先使用 regular sprite sheet：
- consistent frame size
- transparent PNG
- regular grid layout
- stable character position
- feet aligned across frames
- same camera angle and scale
Demo 阶段 animation stability 比高细节更重要。
Import Strategy
For regular sprite sheets:
- 使用
SpriteFrames给AnimatedSprite2D。 - 使用
AtlasTexture.region从 sheet 引用每帧。 - 当源帧小于项目目标帧时，使用
AtlasTexture.margin添加虚拟透明 padding。 - 不要手切一堆单独 PNG，除非 alignment 或工具链确实需要。
如果动画必须匹配现有 knight frames，先比较当前项目使用的 96x84 frame convention 和 feet baseline，再接入 gameplay。
Alignment Rules
当新动画看起来偏移：
- 测量 source frame size 和 existing target frame size。
- 测量 non-transparent pixel bounds。
- 先对齐 feet/bottom baseline。
- 再对齐 body center。
- 只有角色身体本身尺寸真的不同，才考虑 scale。
不要通过改 AnimatedSprite2D.scale 修 padding 问题。这样通常会让 animation swap、hitbox 和 gameplay range 变得不一致。
Timing Rules
Combat animations:
- 视觉上找 active hit frames。
- damage / hitbox / projectile spawn 放在那些帧，而不是 animation start。
- key pose 太快时，优先增加该帧
duration或重复帧。 - action lock time 不能短于可见动作，否则 movement/idle 可能打断攻击。
Runtime Wiring
给 runtime-built SpriteFrames 加动画时：
- Load
.tresSpriteFramesresource。 - Copy frames into runtime
SpriteFramesunder gameplay animation name。 - Preserve source animation speed、loop setting、texture、per-frame duration。
- Gameplay animation name 保持短且稳定，例如
shield_charge。
Validation
完成前检查：
- frame count
- final displayed frame size
- feet baseline 与附近动画一致
- hit timing 匹配 visible impact frames
- action lock time 不短于 animation
When not to use it
- →When defining project art style
- →When setting prompt or canvas target
- →When establishing transparent background or pixel rules
Limitations
- →Does not define project art style
- →Does not handle prompt or canvas target
- →Does not establish transparent background or pixel rules
How it compares
This skill provides a structured workflow for integrating 2D sprite animations into Godot, ensuring consistency in frame sizing, alignment, and timing that manual adjustments often lack.
Compared to similar skills
godot-sprite-animation side by side with the closest alternatives in the catalog.
| Skill | Installs | Updated | Safety | Difficulty |
|---|---|---|---|---|
| godot-sprite-animation (this skill) | 0 | 3mo | No flags | Intermediate |
| ui-ux-pro-max | 1,909 | 5mo | Review | Intermediate |
| svg-precision | 527 | 4mo | Review | Intermediate |
| mobile-android-design | 101 | 2mo | No flags | Intermediate |
Try saying
Example prompts that trigger this skill in your AI assistant.
You might also like
ui-ux-pro-max
nextlevelbuilder
UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 8 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, mobile app, .html, .tsx, .vue, .svelte. Elements: button, modal, navbar, sidebar, card, table, form, chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, flat design. Topics: color palette, accessibility, animation, layout, typography, font pairing, spacing, hover, shadow, gradient.
svg-precision
dkyazzentwatwa
Deterministic SVG generation, validation, and rendering. Use for icons, diagrams, charts, UI mockups, or technical drawings requiring structural correctness and cross-viewer compatibility.
mobile-android-design
wshobson
Master Material Design 3 and Jetpack Compose patterns for building native Android apps. Use when designing Android interfaces, implementing Compose UI, or following Google's Material Design guidelines.
frontend-slides
sickn33
Create stunning, animation-rich HTML presentations from scratch or by converting PowerPoint files. Use when the user wants to build a presentation, convert a PPT/PPTX to web, or create slides for a talk/pitch. Helps non-designers discover their aesthetic through visual exploration rather than abstract choices.
scroll-experience
davila7
Expert in building immersive scroll-driven experiences - parallax storytelling, scroll animations, interactive narratives, and cinematic web experiences. Like NY Times interactives, Apple product pages, and award-winning web experiences. Makes websites feel like experiences, not just pages. Use when: scroll animation, parallax, scroll storytelling, interactive story, cinematic website.
penpot-uiux-design
github
Comprehensive guide for creating professional UI/UX designs in Penpot using MCP tools. Use this skill when: (1) Creating new UI/UX designs for web, mobile, or desktop applications, (2) Building design systems with components and tokens, (3) Designing dashboards, forms, navigation, or landing pages, (4) Applying accessibility standards and best practices, (5) Following platform guidelines (iOS, Android, Material Design), (6) Reviewing or improving existing Penpot designs for usability. Triggers: "design a UI", "create interface", "build layout", "design dashboard", "create form", "design landing page", "make it accessible", "design system", "component library".