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 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.

An advanced, expert-level system for generating high-fidelity design artifacts using HTML as the foundation. It emulates roles like UX Designers, Animators, and Prototypers, supporting complex workflows including design variation exploration, interactive mockups, presentation decks, and motion demos. The core methodology emphasizes strict adherence to brand assets (Logo, Product Images, UI Screenshots) and incorporates rigorous fact-checking via simulated WebSearch, ensuring all output is grounded in verifiable reality, not assumptions.

An expert guide for creating, generating, editing, and optimizing high-quality visual content for marketing campaigns. This tool assists in producing professional assets ranging from blog heroes and social media graphics to product mockups and brand banners using advanced AI models (Gemini, Flux, Ideogram) and professional design tools (Canva, Figma). It also covers best practices for web optimization, aspect ratio management, and effective prompt engineering.

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 elite skill acts as a specialized frontend art director, generating premium, highly structured, and implementable website design mockups. It moves beyond generic AI art by enforcing design principles like cinematic minimalism, strong hierarchy, and generous spacing. Perfect for generating accurate, developer-ready references for landing pages, hero sections, and complex multi-section site compositions.