Skill UI

This workflow executes the primary Ideogram API calls for advanced text-to-image generation. Ideogram excels at rendering legible text within images, a crucial capability for creating realistic signs, menus, or branding elements. Use this for generating high-quality social media graphics, marketing banners, product mockups, and posters that require accurate and stylized typography combined with illustration.

This skill generates code to create complex, interactive 3D scenes and visualizations on the web using the Three.js library and WebGL. It covers the entire development lifecycle, including setting up the core components (Scene, Camera, Renderer), defining geometry, applying materials, adding lighting, and implementing animation loops. Ideal for web developers needing to display product mockups, scientific data visualizations, or immersive user experiences.

Generates high-fidelity mobile and web UI/UX mockups with atomic design principles, responsive layouts, and accessible design tokens via muapi.ai for product requirements that need professional wireframes or design systems.

Generates HTML5 Canvas-based breadboard mockups and diagrams for retro computing builds, showing component placement, wiring, and labeled 6502/555 timer layouts as visual references or teaching aids.

Leverages the Anima SDK to convert visual designs from Figma into production-ready code across multiple modern frameworks (React, Vue, HTML). It supports clean TypeScript integration and Tailwind CSS styling, making it ideal for developers building automated design-to-code pipelines or rapidly prototyping complex UI components directly from design mockups.

This expert skill audits and designs user interfaces for the Apple ecosystem (iOS, macOS, watchOS, visionOS) against the official Human Interface Guidelines (HIG). It checks crucial elements like contrast ratios (WCAG standards), minimum tap-target sizes, and adherence to modern design languages like Liquid Glass. Use it when reviewing mockups or developing native-feeling Apple apps to ensure accessibility and optimal user experience.

This skill generates comprehensive, high-end brand identity kits, mimicking the output of a professional design studio. It goes beyond simple logos, creating a cohesive visual argument by developing complete brand worlds, guidelines, and mockups. Ideal for visualizing complex brand strategies, developing robust visual systems, or creating premium, presentation-ready branding decks across various industries.

This expert assistant specializes in creating, generating, editing, and optimizing professional visual assets for marketing campaigns. Whether you need blog heroes, social media graphics, product mockups, or brand banners, it guides you through selecting the right AI model (e.g., Gemini, Midjourney, Ideogram) or design workflow (e.g., Figma, Canva). It provides best practices for prompting, consistency, and web optimization, ensuring high-quality, brand-compliant visuals every time.

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.

A general-purpose tool for creating self-contained, professional web prototypes. Ideal for generating landing pages, marketing sites, or documentation mockups. It operates by assembling pre-engineered sections and adhering strictly to a defined design system, eliminating the need for custom CSS writing.

This skill provides a robust method for uploading local digital assets, including images, mockups, and full HTML files, to a Stitch project. It bypasses the limitations of standard tool calls by streaming files directly over HTTP, ensuring that large visual assets or complex web pages can be processed accurately for your design and prototyping workflow. Ideal for integrating local design iterations into cloud-based prototypes.

This skill provides a comprehensive workflow for generating, editing, and manipulating images using Google's Gemini Nano Banana Pro model (gemini-3-pro-image-preview). It is designed for tasks such as creating visuals, generating logos, modifying photos, or creating product mockups, offering a robust, file-based approach to handle complex image data and API interactions.