animateAnimate app and web UIs across Flutter, React, SwiftUI, Compose, and React Native with motion systems, guardrails, and reduced-motion fallbacks.
Install via ClawdBot CLI:
clawdbot install ivangdavila/animateGrade Fair — based on market validation, documentation quality, package completeness, maintenance status, and authenticity signals.
Calls external URL not in known-safe list
https://clawic.com/skills/animateAudited Apr 17, 2026 · audit v1.0
Generated Mar 20, 2026
An e-commerce platform needs smooth transitions between product listing, detail pages, and cart to enhance user flow and reduce cognitive load. This skill designs shared-element animations for product images and implements gesture-driven navigation with reduced-motion fallbacks for accessibility.
A financial services app requires animated loading indicators and data refresh transitions to provide feedback during API calls and maintain user trust. The skill creates motion contracts for skeleton screens, error states, and success confirmations across React and Flutter stacks.
A healthcare app needs micro-interactions for form validation, calendar date selection, and confirmation modals to improve usability for patients. This skill implements CSS-first transitions in Next.js and SwiftUI animations for gesture feedback, ensuring compliance with reduced-motion settings.
An educational platform seeks animations for quiz feedback, progress indicators, and content transitions to engage students. The skill applies motion system design with Compose and React Native, focusing on performance guardrails to avoid dropped frames on low-end devices.
A SaaS tool requires animated charts, filters, and data updates to help users track metrics in real-time. This skill uses web-based CSS transforms and Flutter implicit widgets to create smooth visualizations, with QA checks for interruption handling during rapid interactions.
Offer ongoing animation design and implementation as a monthly retainer for product teams, providing motion contracts, stack-specific code snippets, and accessibility audits. Revenue comes from tiered plans based on app complexity and support levels.
Sell pre-built animation packages for common UI patterns like navigation transitions or loading states, tailored to frameworks like React or Flutter. Revenue is generated through direct sales on marketplaces or custom quotes for enterprise clients.
Provide consulting sessions to help teams integrate motion systems into their products, along with workshops on animation best practices and performance optimization. Revenue streams include hourly rates for consulting and fixed fees for group training.
💬 Integration Tip
Start by setting up the ~/animate/ directory and using the motion-system.md file to define clear contracts before coding, ensuring compatibility with reduced-motion settings across platforms.
Scored Apr 19, 2026
Best practices and example-driven guidance for building SwiftUI views and components. Use when creating or refactoring SwiftUI UI, designing tab architecture with TabView, composing screens, or needing component-specific patterns and examples.
Implement, review, or improve SwiftUI features using the iOS 26+ Liquid Glass API. Use when asked to adopt Liquid Glass in new SwiftUI UI, refactor an existing feature to Liquid Glass, or review Liquid Glass usage for correctness, performance, and design alignment.
Audit and improve SwiftUI runtime performance from code review and architecture. Use for requests to diagnose slow rendering, janky scrolling, high CPU/memory usage, excessive view updates, or layout thrash in SwiftUI apps, and to provide guidance for user-run Instruments profiling when code review alone is insufficient.
Swift Concurrency review and remediation for Swift 6.2+. Use when asked to review Swift Concurrency usage, improve concurrency compliance, or fix Swift concurrency compiler errors in a feature or file.
Refactor and review SwiftUI view files for consistent structure, dependency injection, and Observation usage. Use when asked to clean up a SwiftUI view’s layout/ordering, handle view models safely (non-optional when possible), or standardize how dependencies and @Observable state are initialized and passed.
Build performant cross-platform apps with Flutter widgets, state management, and platform integration.