Skill UI

This skill allows users to generate and edit high-quality, general-purpose images using advanced AI models like FLUX.2 and Gemini. It is suitable for creating photorealistic images, artistic illustrations, concept art, marketing visuals, and general visual assets. Note that this tool is designed for creative content, not technical schematics or diagrams.

This skill acts as an elite Art Director for generating premium, highly actionable, and structurally sound frontend design references. It moves beyond generic AI aesthetics by enforcing principles like strong hierarchy, generous spacing, and image-led composition. Ideal for creating realistic, development-ready concepts for landing pages, hero sections, and multi-section websites.

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.

An elite skill dedicated to generating premium, app-native, and highly readable UI/UX concept images. It visualizes entire application flows—from onboarding and authentication to complex dashboards—for iOS, Android, and cross-platform products. The focus is on creating believable, highly intentional designs with strong consistency, controlled color palettes, and clean hierarchies, avoiding generic, default-style mockups.

This skill acts as an elite art director, generating highly structured, premium, and conversion-aware frontend design references. It is optimized for creating multi-section websites, landing pages, and marketing sites, ensuring consistency and visual appeal across every section. Output is designed to be immediately usable by developers or coding models, adhering to strict composition rules to avoid generic AI aesthetics.

A comprehensive workflow for advanced creative AI tasks, specializing in video and image manipulation. This tool enables image-to-video animation (turning static photos into motion), video-to-video style transfer (applying artistic styles to existing footage), and general creative content generation using models like Gen-3 Alpha Turbo. Ideal for professional video editors and digital artists.

This skill performs a rigorous, 5-dimension expert critique on any digital artifact, such as landing pages, presentations, or prototypes. It systematically evaluates five critical areas—Philosophy, Visual Hierarchy, Detail Execution, Functionality, and Innovation—scoring each 0-10. The output is a comprehensive, evidence-backed HTML report providing actionable insights, a radar chart, and prioritized lists (Keep/Fix/Quick-wins) to guide systemic design improvements.

This skill generates a single, full-bleed, looping motion composition using only inline CSS animations. It functions as a high-fidelity poster frame, specifically designed to be captured by keyframe exporters (like HyperFrames or Lottie) to create animated hero videos, title cards, or video posters for marketing campaigns. Ideal for briefs requiring sophisticated 'motion design' or 'animated hero' assets.

Wraps any existing HTML artifact (landing page, dashboard, etc.) with a live sidebar panel of controls. This panel allows users to instantly adjust design variables—such as accent color, typography scale, layout density, and dark mode—by rewriting CSS custom properties in real time. All changes are persisted via localStorage, enabling continuous exploration and variant testing without losing state.

Generates a low-fidelity, hand-drawn wireframe sketch perfect for communicating early design concepts. It meticulously mimics the look of marker drawings, sticky notes, and whiteboard scribbles on graph paper, ensuring the output reads like a preliminary ideation sketch rather than a finished UI. Ideal for use when the brief specifies 'lo-fi,' 'sketch,' or 'whiteboard.'

A skill designed to generate cinematic, short-form video clips (3-10 seconds) suitable for marketing reveals, product teasers, or ambient loops. It focuses on generating one cohesive shot per request, ensuring high quality and narrative focus for modern video models like Seedance, Kling, and Veo. Ideal for creating impactful, bite-sized visual content.

StyleSeed is a comprehensive design judgment engine designed to elevate the aesthetic quality of AI-generated user interfaces. It codifies 69 visual rules covering color discipline, spatial rhythm, information hierarchy, and motion feedback. By integrating these principles, developers can ensure that AI output looks professionally designed and polished, rather than simply generated. Includes React components, Tailwind CSS implementation, and actionable design guidelines.