Skill UI

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.

Exports a Dataverse solution containing Power Pages site components as a zip file for deployment to another environment. Triggers an async export, polls until completion, downloads and verifies the artifact. Supports managed and unmanaged packages.

This skill is the final step in the plugin build pipeline. It takes the generated manifest and all staged binary artifacts (Android/iOS) from prior build steps. Its core function is to reconcile the declared entrypoints against the actual existence of binaries, ensuring consistency. It then zips these verified components into a single, statically verified, and ready-to-deliver .ppmplugin bundle.

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.

Automates the generation of the Power Apps Component Framework (PCF) companion dispatcher. This tool bridges third-party native modules (like .ppmplugin) to the Power Apps host environment by utilizing the window.PowerApps.NativeExtension.sendAsync global. It handles manifest updates, message contract generation, and structured logging, enabling seamless native-to-UI communication within the Power Apps ecosystem.

This mechanism facilitates the implementation of reversible and compatibility-safe transitions across critical system components. It is essential for managing changes in schemas, APIs, protocols, configurations, or data structures, ensuring that rollbacks are possible and the integrity of existing data is preserved throughout the migration process. Best practices include defining explicit forward and rollback paths, handling mixed-version operations, and ensuring idempotency for retries.

Generates a self-contained HTML file that renders all application screens as phone-frame mockups. By reading the component structure (TSX) and utilizing a mapping reference, it converts the layout into equivalent HTML/CSS. This allows users to perform a quick visual preview, verify the design, and share a professional, screenshot-ready mockup without the need to run the full development server (Metro/Expo).

This skill automates the deployment of the dispatcher PCF for third-party components to Power Platform environments. It rigorously verifies all necessary prerequisites (Node.js, .NET SDK, `pac` CLI) and executes `pac pcf push`. It guides the user through defining the publisher prefix, managing version bumps, and ensures the component is correctly packaged and deployed to the target environment.

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.

A comprehensive skill to configure authentication (login/logout) and role-based authorization for Power Pages code sites. It supports multiple identity providers (Microsoft Entra ID, Okta, Google, Facebook, etc.) and handles framework-appropriate patterns, generating necessary service files, utilities, and UI components.

This skill automates the creation of a Dataverse publisher and solution, and systematically adds necessary Power Pages site components. It is crucial for managing the Application Lifecycle Management (ALM) and structured deployment of Power Pages sites, ensuring components are correctly packaged for export and import.

Automates the conversion of visual designs from Stitch into high-quality, modular React and Vite components. This skill ensures strict adherence to modern architectural standards, including logic isolation via custom hooks, data decoupling, and robust type safety using TypeScript. It manages complex workflows like network fetching, style guide synchronization, and multi-phase validation to generate production-ready frontend code.