Skill UI

This skill assists in designing user flows and navigation structures based on proven UX patterns. It covers information architecture, navigation patterns like hub and spoke, and screen flow rules. It outputs ASCII flow diagrams, screen inventories, and edge cases. Suitable for planning mobile app and web interface structures before implementing specific pages or copy.

This guide details the principles and technical implementation of widget-based user interfaces, mimicking the aesthetic of modern mobile operating systems (like iOS Home Screen). It covers core design principles such as strict aspect ratios, glanceability, and corner radius matching. Practical code examples are provided for Web (CSS Grid), iOS (SwiftUI), and Cross-platform (Flutter) development, enabling designers to create modular, highly functional mini-apps.

Reviews an existing Power Pages site from a URL or local folder, captures up to eight key pages at desktop and mobile, scores them against a design rubric, and returns prioritized recommendations without modifying anything. Ideal for design critiques and audits.

Configure optional customer-owned Application Insights telemetry for a Power Apps mobile app. Enable, change, or disable it against an existing Azure resource. Standalone or invoked by /edit-app for runtime configuration only.

Build, debug, test, and package playable 2D games in Go using Ebitengine, covering game loops, input, rendering, audio, scenes, gameplay tests, and desktop, browser, or mobile builds.