skills.rest
igot-ai
igot-aiOFFICIAL
Explore all skills by this author →
WebsiteGitHub

Add UI Animation

Generate Unity UI animations from reference videos via detect-anim JSON and MCP tooling.

Updated Aug 27, 2026
Search Tags:#csharp#unity#ui-animation#game-engineering#detect-anim#build-anim
One-click install
npx skills add https://github.com/igot-ai/os-twin --skill add-ui-animation
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: Add UI Animation
Source: https://github.com/igot-ai/os-twin/tree/main/.agents/skills/roles/game-engineer/add-animation
Command: npx skills add https://github.com/igot-ai/os-twin --skill add-ui-animation

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Automate the creation of high-quality UI animations from reference footage within Unity, reducing manual iteration and speeding up UI polish.

Core Features & Use Cases

  • Automated detection-to-animation pipeline: connects detect-anim outputs to build-anim scripts to generate Unity animations.
  • C# script generation & assets: outputs ready-to-use C# coroutines and animation assets wired into the scene via MCP tooling.
  • Use Case: rapidly prototype dynamic UI elements like button hover, panel transitions, and micro-interactions from design references.

Quick Start

Run detect-anim on your reference video and pipe the results into build-anim to produce the UI animation artifacts.

Frequently Asked Questions about Add UI Animation

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

FAQPage Schema
How do I automate Unity UI animation creation from a reference video?▼

Automate Unity UI animation creation by running detect-anim on your reference video and piping the JSON results into build-anim to generate ready-to-use C# coroutines and animation assets.

Can I generate C# scripts for UI micro-interactions directly from design footage?▼

Yes, you can generate C# scripts for UI micro-interactions by processing design footage through the detection-to-animation pipeline, which outputs coroutines and assets wired into your Unity scene via MCP tooling.

What is the detect-anim JSON format needed for building UI animations?▼

The detect-anim JSON is the intermediate output generated from your reference video, serving as the required input for build-anim scripts to construct the final Unity UI animations.

Does this UI animation pipeline require any manual asset setup in Unity?▼

The pipeline reduces manual iteration by outputting ready-to-use C# coroutines and animation assets, automatically wiring the generated UI animations into your Unity scene via MCP tooling.

What's the best way to rapidly prototype dynamic Unity panel transitions from design references?▼

Rapidly prototype dynamic Unity panel transitions by feeding design reference videos into the automated detection-to-animation pipeline to generate polished C# animation scripts without manual keyframing.

Why do I need a reference video to generate UI animations in Unity?▼

A reference video is required because the pipeline relies on detect-anim to extract motion data from the footage, which is then converted into C# scripts and assets for your Unity UI.

Related Skills

Explore More Software Engineering Skills→
Dev-GOMDev-GOM
95

unity-editor-toolkit

Automate Unity Editor tasks via a WebSocket-based JSON-RPC interface.

Community
Advanced
Dev-GOMDev-GOM
95

Unity Scene Optimizer

Analyze Unity scenes for performance bottlenecks and prioritized optimization recommendations.

Community
Intermediate
JasonXuDeveloperJasonXuDeveloper
2.2k

editor-ui

Provide themed Unity Editor UI components for consistent tool styling.

Community
Intermediate
rattamnoonrattamnoon

animate

Plan purposeful UI animations with accessibility and evaluation criteria.

Community
Advanced