Skill UI

Auto-activating visual content skill that helps you plan and build API flow diagrams, covering best practices, Mermaid-style layouts, production-ready code, and standard validations when the topic is mentioned.

Guides users through creating ascii art diagrams, offering best practices, pattern advice, and production-ready configurations for visual content requests.

Guides users through creating ascii art diagrams, offering best practices, pattern advice, and production-ready configurations for visual content requests.

A comprehensive guide to elevating UI design beyond generic templates. It outlines a rigorous methodology for creating visually distinctive and intentional user experiences, focusing on grounding design in the subject matter, deliberate choices in typography and palette, and structuring content for maximum impact. Ideal for product designers and frontend developers aiming for a unique, signature aesthetic.

A comprehensive guide covering core principles for game art production. It details art style selection (Pixel Art, PBR 3D, etc.), structured 2D and 3D asset pipelines, color theory, animation guidelines (including the 12 principles), and professional asset organization standards. Ideal for artists and designers managing the entire game art lifecycle.

A comprehensive guide covering the fundamental principles of interactive entertainment design. This resource details core loop creation, structuring a Game Design Document (GDD), analyzing player psychology (motivation, reward schedules), balancing difficulty (flow state), and designing effective progression systems. It is essential for game developers, product managers, and creative designers planning engaging user experiences.

Automated guidance for Graphviz dot generator requests, covering best practices, production-ready code, standard patterns, and validation for diagrams, charts, and visual documentation.

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.

Automated guidance for generating infographic outlines, applying best practices across diagrams, charts, presentations, and visual documentation, with checks to keep outputs production-ready.

Automates mermaid class diagram generation by offering best-practice guidance, production-ready code, and validation steps within the visual content domain whenever you mention mermaid class diagrams or ask about related patterns.

Automates Mermaid ER diagram creation by guiding users through best practices, generating production-ready code, and validating diagrams for visual content tasks triggered by ER diagram requests.

Automates Mermaid Gantt chart creation and guidance for diagrams, best practices, and production-ready outputs, ensuring clear visual documentation for presentations and project planning.