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.

Automates D2 diagram creation guidance for visual content requests, offering best practice patterns, ready-to-use code/config snippets, and validation against standards whenever users mention the tool or need chart/diagram support.

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.

Provides comprehensive guidance on implementing standard user interface controls according to Apple's Human Interface Guidelines (HIG). It details the appropriate use cases for toggles, segmented controls, pickers, sliders, and other input elements, ensuring designs are consistent, accessible, and optimized for the Apple ecosystem.

A comprehensive guide detailing the core principles of Apple's Human Interface Guidelines (HIG). It covers essential topics such as accessibility (VoiceOver, Dynamic Type), utilizing system colors and materials, adhering to platform conventions, and best practices for typography, layout, and motion. Use this guide to ensure your application design is native, inclusive, and highly polished across all Apple operating systems.

Automates mermaid flowchart generator guidance, producing code, configuration, and validation for visual content scenarios such as diagrams, charts, and presentations with best-practice recommendations.

Enforces mobile-first, touch-first decisions by requiring feasibility checks, mandatory readings, and anti-pattern bans before any UI work to prevent desktop or AI-default assumptions.

Automates guidance for technical diagram analysis, offering best practices for diagrams, charts, presentations, and validating code or visuals to meet visual documentation standards.

Toolkit for senior UX researchers to generate data-backed personas, map customer journeys, plan usability tests, and synthesize insights into actionable design recommendations across product experiences.

This skill provides comprehensive customization for the Windsurf IDE's visual environment. Users can configure color schemes, optimize fonts for readability, adjust UI scaling, and enable advanced accessibility features to ensure compliance with standards like WCAG 2.1. It is essential for creating personalized, highly accessible, and efficient working environments.