Skill UI

A comprehensive guide detailing modern, idiomatic, and efficient patterns for TypeScript and JavaScript development. It covers essential best practices from array manipulation (map, reduce) and destructuring to advanced asynchronous handling (async/await, Promise.all) and type safety best practices, helping developers write cleaner, more robust, and performant code.

This skill generates a comprehensive and structured developer onboarding document for any service or codebase. It guides new engineers through the entire product lifecycle, covering architectural overview, local development setup, key coding patterns, testing strategies, CI/CD deployment processes, and team contacts, ensuring rapid productivity from day one.

This comprehensive guide walks new engineers through setting up a complete local development environment from scratch. It covers all necessary prerequisites, including installing required tools (Git, Docker, Go, etc.), cloning repositories, configuring environment variables, and running initial tests. The goal is to ensure a consistent, working environment and allow new team members to start contributing code quickly and confidently.

This skill provides comprehensive guidance for developing professional, interactive, and distributable Power BI developer visuals (.pbiviz). It covers the entire workflow using the pbiviz toolchain, including scaffolding the project, implementing the IVisual class using TypeScript, managing the formatting model, live-previewing, packaging, certifying, and finally publishing the visual to AppSource.

This skill guide provides comprehensive implementation details for the Metro/Modern UI style, mimicking the aesthetic of Windows Phone/8 start screens. It focuses on creating sharply cornered, flat-color tiles arranged in a horizontally scrolling grid. Key features include live data updates (e.g., tile flipping) and replicating the classic interactive 'tilt' effect. Applicable for cross-platform development using Web (CSS), iOS (SwiftUI), and Flutter.

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.