Skill UI

Internal skill for adding a native PDF viewer to a Power Apps mobile app. Verifies app structure and package version, creates a safe TypeScript wrapper supporting https:// and file:// PDF URLs, and demonstrates correct usage of the native React Native API.

Internal helper invoked by /add-native for adding native pen input to Power Apps mobile apps. Generates or verifies a TypeScript wrapper and shows React Native API calls for signature, ink, drawing, and handwriting capture with PNG data URI output.

Engine-neutral game audio practice: routing through buses, gains in dB, sidechain ducking, adaptive music by layering/segment switching, SFX variation, beat-synced events. Use when balancing sound, making music react to gameplay, or reducing repetitive effects. Works with Godot, Unity, FMOD/Wwise.

Compiles an iOS Objective-C/Swift module into a flat device-slice .framework for a .ppmplugin bundle. Mac-only Xcode build, references React-Core headers only and never embeds React or uses CocoaPods. Leaves canonical ios/ sources untouched. Run after manifest generation and before plugin assembly.

Creates Power Apps code apps using React and Vite. Use when building code apps, scaffolding projects, or deploying to Power Platform.

Guides users through creating a complete Power Pages code site (SPA) using React, Angular, Vue, or Astro. Covers requirements discovery, scaffolding, design, component planning, implementation, and deployment. Suited for building new portals or websites.

This top-level orchestrator manages the entire lifecycle of developing a feature-rich, native mobile application using Power Apps, React Native, and TypeScript. It governs a multi-stage workflow, covering everything from initial template setup and requirements gathering to data modeling, UI component building, and final deployment, while enforcing strict code gates to ensure high quality.

This skill generates the complete native source code for a third-party Platform Abstraction Module (PAM) control, including iOS Obj-C, Android Kotlin, required podspecs, and a manifest contract. It bypasses TypeScript layers, focusing purely on the native build surface and the dispatch contract (`manifest.json`). This is used by developers to scaffold the foundational, OS-specific code necessary for integrating custom, native modules into a React Native environment.

This skill orchestrates the full lifecycle for creating, modifying, and deploying generative pages within Microsoft Power Apps model-driven apps. By utilizing React v17, TypeScript, and Fluent UI V9, it manages specialized agents for planning, Dataverse entity creation, and robust code generation, supporting both initial builds and complex edits.

This skill guides the systematic migration of legacy Power Pages sites from Bootstrap 3 to Bootstrap 5. It automates the process using the `pac pages bootstrap-migrate` engine, handles necessary residual CSS/hierarchy fixes, and verifies the Bootstrap 5 runtime flag flip upon upload. It is strictly for traditional (native) content sites and does not support modern code-based frameworks like React or Vue.

Provides a comprehensive setup for Playwright End-to-End (E2E) testing. This skill automatically analyzes your project structure (framework detection, TypeScript/JavaScript) and generates all necessary files: the core playwright.config.ts, standardized folder structure, initial test examples, and full CI/CD workflows (GitHub Actions/GitLab). It ensures your testing environment is production-ready, supporting modern frameworks like Next.js, React, Vue, and Angular.

A comprehensive guide and workflow tool for converting high-fidelity visual designs from Stitch into production-grade, component-based dashboards. Targets the modern stack including React 18, Vite, TypeScript, and TanStack Query. It integrates design tokens from DESIGN.md for styling consistency, supports complex data visualization, and includes patterns for Web3 integration (ethers/viem) for reading on-chain data.