Skill UI

This skill generates a comprehensive Technology Radar document following the ThoughtWorks format. It provides a structured framework for an engineering team to evaluate and categorize all significant technologies (tools, languages, platforms, techniques) into four quadrants (Adopt, Trial, Assess, Hold). It helps establish a shared, explicit technology strategy, detailing adoption rationales, decision trails, and maintenance processes for consistent engineering choices.

This skill generates a comprehensive and structured test strategy document. Given a feature specification, PRD, or system description, it systematically outlines the test scope, performs a detailed risk assessment, defines necessary test types (Unit, E2E, Performance, Security), and provides a prioritized, actionable test case outline to ensure robust quality assurance before release.

This comprehensive guide provides technical implementations for achieving a modern 'Layered Design' aesthetic. It teaches developers how to create depth, intentional overlapping, and clear stratification across various platforms. Includes detailed code examples for CSS, SwiftUI, Flutter, and React Native to build complex, dimensional user interfaces.

Master the end-to-end process of creating Power BI paginated reports using the RDL format. This skill provides guidance on developing print-faithful, multi-page documents like invoices and statements. It covers initial requirements interviews, understanding the core RDL XML structure, best practices for validation, and the critical final rendering and publishing steps in the Power BI Service or Fabric.

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.

This comprehensive guide provides developers with the foundational principles and actionable code examples for implementing the Y2K aesthetic. Learn how to achieve the signature look—incorporating chrome metallic effects, amorphous blob shapes, digital grid backgrounds, and neon glows—across web (CSS), iOS (SwiftUI), and cross-platform (Flutter) environments.