power-platform-full-stack-skills

Interactive browser automation and visual validation using Playwright MCP server and GitHub Copilot Agent Mode. Creates a bridge between the agent and a live browser session (including authenticated user context), with optional scripted Playwright test generation for repeatable checks. Triggers on "browser automation", "interactive browser", "playwright mcp", "test the ui", "ui test", "visual test", "visual regression", "check interface", "deployment smoke test", "post-deploy validation", "config validation".

Deep code audit and technical review skill. Handles code audits (dead wiring, silent failures, stubs, bloat), architecture decisions, security audits, feature design reviews, refactoring plans, and deployment strategy reviews. Produces actionable reports with file:line references grouped by severity, or structured decision documents with trade-off analysis. Triggers on "code review", "audit the code", "review the code", "find dead code", "find placeholders", "check for stubs", "prune the code", "code cleanup", "implementation review", "completeness check", "find unused code", "architecture decision", "security audit", "design review", "refactoring plan", "deployment review", "team review", "review team", "collaborative review".

Comprehensive Dataverse data model reviewer and critic. Evaluates proposed schemas against 74+ rules covering naming, normalization, data types, business rules, evolvability, and platform-specific best practices. Produces structured assessments with actionable feedback. Triggers on "review my data model", "critique this schema", "is my Dataverse design correct", "data model review", "schema review", "evaluate my tables", "check my data model", "Dataverse best practices review", "normalization check".

Shared prerequisite steps for any skill that interacts with the Dataverse OData Web API. Covers PAC CLI authentication, Azure CLI token acquisition, WhoAmI validation, environment URL extraction, and token refresh patterns. Triggers on "pac auth", "dataverse auth", "dataverse prerequisites", "connect to dataverse", "environment setup", "pac env who", "dataverse token", "azure cli token dataverse".

Expert guidance for the Microsoft Dataverse Web API metadata and schema management. Programmatically create tables, columns, relationships, forms, views, app modules, and sitemaps using OData v4.0 RESTful endpoints. Treats application structure as code. Also covers the Dataverse MCP server for natural language queries and CRUD via GitHub Copilot. Triggers on "dataverse api", "web api", "create table", "EntityDefinitions", "AttributeMetadata", "RelationshipDefinitions", "POST /EntityDefinitions", "PublishXml", "dataverse schema", "programmatic schema", "api metadata", "dataverse mcp", "mcp server", "dataverse mcp server", "@microsoft/dataverse", "mcp setup", "mcp dataverse".

Inversion of Control (IoC) development pattern for building apps with in-memory test data first, then swapping to real data sources. Covers service interfaces, domain models with DTOs, in-memory implementations, service registry, React Query (TanStack Query) integration with cache invalidation, error handling, and incremental backend migration. Triggers on "IoC", "inversion of control", "in-memory data", "mock data", "test data first", "service interface", "swap implementation", "local development pattern", "dev without dataverse", "dev without database", "develop locally", "mock service", "in-memory service", "service abstraction", "data service pattern", "service layer", "react query", "tanstack query", "query key factory", "cache invalidation", "optimistic update", "domain model", "dto pattern".

Expert guidance for building Power Apps Code Apps (standalone React/Vue/TypeScript web applications on Power Platform). Covers the full end-to-end workflow from planning through deployment with preflight checks and completion checklists at every phase. Includes @microsoft/power-apps SDK, authentication, Dataverse integration, Azure SQL integration, IoC service layer, deep linking, and best practices. Triggers on "code app", "power apps code", "custom page", "react power apps", "vue power apps", "@microsoft/power-apps", "getContext", "code component", "standalone app", "power apps frontend", "azure sql", "shared_sql", "stored procedure", "sql connector", "build a code app", "code app end to end", "new code app project", "scaffold code app", "code app from scratch", "full code app workflow", "deep link", "hideNavBar", "open code app from MDA", "code app iframe", "code app navigation".

Creates, updates, and deploys Power Apps generative pages for model-driven apps using React v17, TypeScript, and Fluent UI V9. Completes workflow from requirements to deployment. Uses PAC CLI to deploy the page code. Use when user asks to build, retrieve, or update a page in an existing Microsoft Power Apps model-driven app. Triggers on "generative page", "page in a model-driven", "genux", "genux page", "model page", "gen page", "create genpage".

Expert guidance for creating, deploying, and managing Power Pages code sites. Uses React with Vite for the frontend, with Dataverse integration, Web API access, authentication, server logic, and deployment. For website design and theming, use the `ui-website` skill. Triggers on "power pages", "code site", "create a portal", "deploy site", "activate site", "power pages web api", "table permissions", "web roles", "site settings", "power pages auth", "power pages seo", "power pages datamodel", "power pages sample data", "local dev power pages", "connect localhost to dataverse", "server logic", "server-side code", "backend logic", "elevated privileges", "bypass cache", "power pages transactional", "call external API from server", "client api", "$pages", "form controls", "client script", "copilot agent api", "pages agent", "SendActivity", "onPagesClientApiReady".

Power Platform Application Lifecycle Management best practices. Covers environment strategy, solution architecture, source control, CI/CD pipelines, managed deployments, environment variables, connection references, data migration, and operational governance. Produces ALM strategy documents, pipeline definitions, and operational guidance. Triggers on "ALM", "application lifecycle management", "environment strategy", "solution architecture", "CI/CD", "deployment pipeline", "managed solution", "unmanaged solution", "solution checker", "power platform pipelines", "pac cli", "source control", "git integration", "environment variables", "connection references", "deployment strategy", "managed environments", "solution layering", "active layers".

Collaborative planning for Dataverse or Azure SQL backed Power Apps Code Apps and Power Pages code sites using runSubagent. Multiple specialists (Data Modeler, UX Designer, Tester, The Critic) debate and refine a no-code implementation plan before build. Falls back to structured single-agent planning if runSubagent is not available. Triggers on "plan my app", "plan with team", "team planning", "planning team", "plan code app", "plan power pages", "plan dataverse app", "plan azure sql app", "design app navigation", "design data model".

Best practices for building business applications with Fluent UI React v9 (@fluentui/react-components). Covers FluentProvider setup, theming, styling with makeStyles, layout patterns, data tables, forms, dialogs, drawers, navigation, toast notifications, command bars, record forms, lookup fields, subgrids, timelines, BPF bars, app shell navigation, and accessible component composition. Triggers on "fluent ui", "fluentui", "@fluentui/react-components", "fluent v9", "fluent provider", "makeStyles", "fluent theme", "fluent form", "fluent dialog", "fluent table", "fluent data grid", "fluent drawer", "fluent toast", "fluent toolbar", "business app ui", "enterprise ui react", "command bar", "record form", "lookup field", "subgrid", "timeline", "BPF", "business process flow", "app shell", "left nav", "entity list", "sitemap".

Design guidance for React websites with CSS-based theming. Covers typography (Google Fonts), color palettes via CSS variables, motion/animation, accessibility (WCAG 2.1 AA), backgrounds, responsive layout, and aesthetic mood mapping. Use for public-facing and portal-style websites. For Fluent UI v9 business apps, use the `ui-fluentui-react` skill instead. Triggers on "website design", "website theming", "google fonts", "css variables", "design aesthetics", "website ui", "website styling", "react website", "css theming", "design system", "website accessibility", "web typography", "color palette", "css animation", "responsive layout", "dark mode", "light mode", "theme toggle", "useTheme", "theme tokens", "theme switching".

Creates low-fidelity clickable HTML wireframe pages and associated Mermaid flow diagrams to validate navigation, screen intent, and user journeys before implementation. Produces a linked set of HTML files in a docs/wireframes/ directory plus Mermaid flowcharts for user journey, process/status, and data interaction flows. Used by the UX Designer agent and planning workflows. Triggers on "wireframe", "wireframes", "mockup", "mockups", "low fidelity", "lo-fi", "clickable prototype", "HTML mockup", "screen flow", "navigation mockup", "app flow diagram", "mermaid flow", "user journey diagram", "wireframe validation", "screen inventory".

Best practices for Vite + React + TypeScript web applications. Covers feature-first project structure, build/lint validation workflows, Vite configuration, and single-file build for embedding. For service layer patterns, domain models/DTOs, React Query integration, and error handling, see the `ioc-development-pattern` skill. For Fluent UI v9 component patterns, styling, and theming, see the `ui-fluentui-react` skill. Triggers on "vite", "react app", "feature structure", "vite build", "react typescript", "single file build", "vite config".

Shared workflow state persistence for agent-driven development. Defines how to store and resume planning/execution state on disk using .copilot/state JSON files synchronized with manage_todo_list. Triggers on "workflow state", "resume workflow", "persist tasks", "chat state lost", "continue from plan", "state file".