flutter-animating-apps
nexu-io/open-design
Implement animated effects, transitions, and motion in Flutter apps for native iOS/Android.
What is flutter-animating-apps?
This skill enables you to create smooth animations, transitions, and motion effects in Flutter applications. Use it when building native iOS/Android apps that require polished motion design and interactive animations.
- Create animated effects and transitions in Flutter
- Implement motion design for native iOS/Android apps
- Build smooth visual transitions between UI states
- Design interactive animations for user interactions
- Apply timing and easing curves to animations
How to install flutter-animating-apps
npx skills add https://github.com/nexu-io/open-design --skill flutter-animating-appsHow to use flutter-animating-apps
- 1.Install the skill using the provided npm command
- 2.Ask your agent to invoke the skill by name (flutter-animating-apps) or use trigger phrases like 'flutter animation' or 'flutter motion'
- 3.Reference the upstream Flutter skills repository at https://github.com/flutter/skills for detailed assets, scripts, and examples
- 4.Apply the animation patterns and code examples to your Flutter project
Use cases
- Adding page transitions and navigation animations to a mobile app
- Creating loading spinners and progress indicators with custom animations
- Building interactive gesture-driven animations that respond to user input
- Implementing parallax scrolling and scroll-based animations
- Designing micro-interactions like button press feedback and state change animations
- Flutter developers
- Mobile app developers targeting iOS/Android
- UI/UX designers implementing motion design
- Native app developers new to Flutter animation patterns
flutter-animating-apps FAQ
Check the upstream Flutter skills repository at https://github.com/flutter/skills for the complete workflow, assets, scripts, and references.
You can trigger this skill by asking about 'flutter animation', 'flutter motion', 'mobile animation', or 'flutter transitions'.
This skill is specifically designed for Flutter apps targeting native iOS and Android platforms.
Full instructions (SKILL.md)
Source of truth, from nexu-io/open-design.
name: flutter-animating-apps description: | Implement animated effects, transitions, and motion in Flutter apps. Useful for native iOS/Android motion design. triggers:
- "flutter animation"
- "flutter motion"
- "mobile animation"
- "flutter transitions" od: mode: prototype category: animation-motion upstream: "https://github.com/flutter/skills"
flutter-animating-apps
Curated from the Flutter team.
What it does
Implement animated effects, transitions, and motion in Flutter apps. Useful for native iOS/Android motion design.
Source
- Upstream: https://github.com/flutter/skills
- Category:
animation-motion
How to use
This catalogue entry advertises the skill in Open Design so the agent discovers it during planning. To run the full upstream workflow with its original assets, scripts, and references, install the upstream bundle into your active agent's skills directory:
# Inspect the upstream README for exact paths
open https://github.com/flutter/skills
Then ask the agent to invoke this skill by name (flutter-animating-apps) or with
one of the trigger phrases listed in this skill's frontmatter.
Related skills
More from nexu-io/open-design and the wider catalog.
frame-data-chart-nyt
NYT-newsroom typography, staggered reveal animation, and editorial-grade charts (line, bar, or range band).
frame-flowchart-sticky
SVG curve connectors, sticky-note nodes, and cursor interaction with a whiteboard-brainstorm feel.
frame-glitch-title
Digital glitch, chromatic offset, and data-corruption title frame for video transitions or cyberpunk heroes.
frame-light-leak-cinema
Film light leaks, grain, 16:9 letterbox, and large serif type for cinematic openings or chapter cards.
frame-liquid-bg-hero
WebGL-style fluid displacement background with a quote overlay, suited to video intros, landing heroes, or posters.
frame-logo-outro
Segmented logo assembly, glow bloom, and tagline reveal for video outros or brand closing frames.