Skill UI

A comprehensive skill for generating multimodal media content using fal.ai models. It supports text-to-image (Nano Banana), text/image-to-video (Veo, Kling, Seedance), and text/video-to-audio (CSM-1B, ThinkSound). Use this tool for any creative project requiring high-quality generated images, videos, or sound effects.

Automate the complex process of migrating design systems, design tokens, and styles between multiple Figma files, or from external sources into Figma. This tool covers the full pipeline: inventorying assets, extracting raw style data (colors, typography, effects), transforming them into structured design tokens (e.g., JSON format), and finally writing them back into Figma variables using the Variables API. Ideal for maintaining consistency across large design libraries.

A comprehensive style guide for implementing the Cyber Y2K aesthetic across web and mobile applications. This design package captures the retro-futuristic blend of late 90s/early 2000s digital culture, modern glitch art, and iridescent holographic gradients. It provides detailed code examples using CSS, SwiftUI, and Flutter to achieve key effects like RGB splitting, animated gradients, and aggressive vector typography.

A comprehensive guide to implementing the iconic Cyberpunk aesthetic across multiple platforms (Web, iOS, Android, Flutter). This guide details core principles like Neon-on-Black color schemes, sharply angled geometries (using clip-path or custom clippers), and glitch effects. It is ideal for developers needing to create high-tech, dystopian, or hacking interface experiences.

A comprehensive guide for implementing spatial, mixed-reality user interfaces. Inspired by Apple Vision Pro and AR aesthetics, this pattern uses environmental transparency, blurred glass-like panels, and dynamic lighting effects to create deeply integrated, context-aware layouts for web and mobile applications.

Generate highly cinematic and vintage-styled opening frames or chapter cards for films and documentaries. This template simulates the authentic look of analog film using light leak effects, 35mm grain noise, and classic letterboxed aspect ratios (2.39:1 or 16:9). Perfect for giving your video project an immediate, professional, and nostalgic film quality.

A professional, high-fidelity template for creating dynamic video outro frames. It features complex, multi-stage animations including geometric logo assembly, glowing bloom effects, and graceful reveal of brand names and CTAs. Perfect for video endings, brand closing sequences, or presentation conclusions.

A comprehensive skill for generating multimodal media content using fal.ai models. It supports text-to-image (Nano Banana), text/image-to-video (Veo, Kling, Seedance), and text/video-to-audio (CSM-1B, ThinkSound). Use this tool for any creative project requiring high-quality generated images, videos, or sound effects.

A skill for creating liquid glass design effects, providing techniques and guidelines for implementing glassmorphism and liquid aesthetics in UI design.

This skill provides a guide for implementing the Cyber Y2K aesthetic, characterized by modern Y2K, holographic visuals, and glitch effects. It covers core principles like iridescent gradients, RGB split text, and tribal-tech vectors. Includes implementation code examples for Web (CSS), iOS (SwiftUI), and Flutter apps, featuring deep black backgrounds and fluid color palettes.

A comprehensive guide to implementing the iconic Cyberpunk aesthetic across multiple platforms (Web, iOS, Android, Flutter). This guide details core principles like Neon-on-Black color schemes, sharply angled geometries (using clip-path or custom clippers), and glitch effects. It is ideal for developers needing to create high-tech, dystopian, or hacking interface experiences.

Implementation guide for holographic UI: translucent projected interfaces with glowing edges, scanlines, and cyan light effects. Includes CSS, SwiftUI, and Flutter code samples for web and app.