Skill UI

This comprehensive 'Hello World' guide serves as a foundational tutorial for Framer development. It demonstrates key skills across the ecosystem, including building functional plugins (UI interaction), creating customizable code components with property controls, implementing dynamic code overrides for sophisticated animations, and interacting with the Framer Server API for headless site data management. Ideal for developers starting a new Framer integration or mastering core API patterns.

Generates a highly polished, self-contained single-page HTML landing page optimized for maximum conversion. It incorporates advanced features like 3D CSS animations, GSAP scroll effects, and mouse parallax depth. To ensure accuracy, the skill uses a structured intake process (product pitch, target audience, brand colors, and tone) to build a conversion-ready page that reflects the actual product, not generic boilerplate. Outputs a single, deployable HTML file.

A detailed technical workflow for inspecting complex 3D animation, rigging, and motion states within Blender. This skill moves beyond visual inspection by extracting structured data—such as bone transformations, world-space bounding boxes, ground contacts, and axis conventions—to accurately diagnose issues like foot sliding, rotation errors, or retargeting mismatches in professional animation pipelines.

A comprehensive reference guide detailing best practices, rules, and optimizations for building high-performance React Native and Expo applications. It covers critical areas such as list virtualization, complex animations, UI patterns, state management, and monorepo structure, helping developers avoid common pitfalls and maximize app speed and stability.

A comprehensive guide for implementing view transitions in React and Next.js. Learn how to animate UI states, shared element animations, and route changes using the native ViewTransition API. Covers best practices for maintaining spatial continuity and adapting to different navigation contexts.

This skill converts a single static image (PNG/JPG) into a short, animated MP4 video using the Ken-Burns zoom effect. It is specifically designed as a robust fallback mechanism for automated video workflows. If an upstream AI video generation step fails—often due to content moderation flags (e.g., facial recognition or audio safety issues)—this animator ensures a valid placeholder clip is generated. This allows downstream merging steps to complete the deliverable without interruption, maintaining the narrative flow.

This specialized skill reviews user interface animations, motion patterns, and interactive code (CSS, Framer Motion, etc.) against a strict, high-craft standard. It evaluates not only functionality but also performance, accessibility, physical correctness, and adherence to motion design principles. Use it when reviewing diffs related to transitions, keyframes, or gestures to ensure the motion feels right, not just that it runs.

This skill provides a rigorous, structured method for inspecting animated 3D characters, rigs, and motion retargeting in Blender. It moves beyond visual evidence (screenshots) by extracting and comparing structured data points such as bone transformations, bounding box changes, ground contacts, and axis conventions. Ideal for diagnosing subtle animation flaws like foot sliding, ground penetration, or incorrect orientation that are invisible in still images.

A powerful tool for creating professional, animation-rich, and zero-dependency HTML presentations. It supports generating pitch decks, workshop materials, or internal talks from scratch, or converting existing .ppt/.pptx files. The system ensures mandatory viewport fitting, responsiveness across all devices, and includes advanced features like keyboard/touch navigation and reveal animations, resulting in production-quality, modern web presentations.

Manim is a powerful Python library used for creating high-quality mathematical and scientific animations. This skill facilitates the generation of educational videos and complex visualizations for presentations. It is ideal for researchers, educators, or content creators who need to visualize complex concepts in an engaging animated format. Note: This specific file is related to localization/translation.

A comprehensive guide covering best practices for creating videos using Remotion and React. Learn how to incorporate advanced features such as 3D rendering (Three.js), complex animations, audio synchronization, data charting, subtitles, and sophisticated scene transitions. This skill covers 29 domain-specific rules for professional video pipelines.

This guide assists researchers in compiling and documenting all necessary ethical approvals, biosafety statements, and data/code availability declarations required for high-impact scientific manuscripts (e.g., Cancer Cell). It ensures compliance with guidelines covering animal protocols (IACUC), human subject ethics (IRB/Consent), and data sharing standards (GEO, Zenodo).