Skill UI

A modular and highly customizable looping CSS animation template designed for marketing hero sections and video openers. It combines multiple dynamic elements, such as rotating type rings, animated globes, ticking timers, and floating parallax labels, allowing designers to create modern, cinematic, and attention-grabbing digital visuals.

A comprehensive, clickable web prototype designed for modern SaaS landing pages. This template includes all essential sections—from Hero to Pricing—and incorporates advanced UI/UX trends like glassmorphism, subtle animations, and full responsiveness. It is ideal for product concept validation, design presentations, and gathering early stakeholder feedback, giving the appearance that the product is ready for launch.

A template designed for creating educational and marketing explainer animations with a strong retro, 8-bit pixel aesthetic. Utilizing pure CSS keyframes for seamless looping, the design features a central pixel mascot, kinetic text displays, and a dynamic timeline ribbon. Perfect for conveying information in a nostalgic style without relying on JavaScript.

This template provides an editorial-minimalist web layout, inspired by high-end magazines. It features a warm monochrome palette, classic serif displays, and clean grotesque body text, emphasizing macro-whitespace and subtle ambient micro-animations. It is perfect for portfolio sites, long-form articles, or any content-heavy design needing a sophisticated, literary feel.

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.