Skill UI

Generate a TypeSpec API plugin tailored for Microsoft 365 Copilot, wiring REST operations, authentication flows, confirmation cards, and Adaptive Cards into a guided workflow so Copilot can interact with external services securely.

This skill scaffolds a complete, cohesive, mobile-first page structure, ensuring consistency across the entire application. It guides the user to define the page's core purpose, apply the Information Pyramid, and compose the layout using established design systems and existing components (shell, navigation, cards). It is ideal for starting new product flows or developing new screens while maintaining professional structural integrity and mobile-first best practices.

This skill rigorously audits UI code against established design system conventions, focusing on adherence to design tokens, component ergonomics, accessibility standards, and mobile UX best practices. It ensures that the implementation is consistent with the defined style guide, providing a structured verdict and concrete, actionable fixes.

This setup wizard, part of StyleSeed, guides users through establishing a structured, branded workspace. It systematically collects essential context—including app type, brand colors, visual references, and typography—to generate a coherent design system and scaffold the first page, ensuring the UI remains focused and avoids generic design pitfalls.

A comprehensive guide for writing and reviewing robust, behavior-first unit tests for Vue 3, TypeScript, and Pinia stores. This skill covers advanced patterns for testing components, composables, and state management using Vitest and Vue Test Utils, emphasizing black-box assertions and minimizing implementation coupling.

This guide provides a comprehensive template and best practices for updating technical specification files. It ensures that the resulting documentation is structured, unambiguous, and highly optimized for consumption by Generative AI models. Use this process when refining system requirements, updating interfaces, or documenting architectural changes to maintain machine-readable standards.

This skill provides comprehensive guidelines for contributing and managing commands within VS Code extensions. It covers crucial best practices, including naming conventions, defining visibility (e.g., Command Palette vs. Side Bar), and structuring commands for optimal user experience. Use this when adding, updating, or understanding the architectural requirements for extension commands.

This guide provides comprehensive guidelines for localizing all aspects of VS Code extensions. It covers best practices for handling configurations (settings, commands, menus), user-facing string resources, and walkthrough content. Developers can use this skill to ensure their extensions are properly adapted and functional for multiple languages.

This tool reviews user interface (UI) code files to ensure compliance with established Web Interface Guidelines and best practices. Use it when auditing design, checking accessibility, or performing general code reviews to meet industry standards and improve overall product quality. It fetches the latest rules and outputs detailed findings.

This structured prompt guides an AI model to proactively analyze a user's question and systematically list all necessary files for accurate answering. It forces the AI to categorize required context into 'Must See' (critical), 'Should See' (helpful), 'Already Have,' and 'Uncertainties.' Ideal for complex coding tasks, debugging, or feature implementation that spans multiple codebase files.

This comprehensive guide serves as a technical reference for migrating applications from the Universal Windows Platform (UWP) framework to the modern WinUI 3 / Windows App SDK. It details crucial API changes, including namespace updates, window management (CoreWindow to AppWindow), threading models (CoreDispatcher to DispatcherQueue), and best practices for dialogs and background tasks. Essential for developers updating legacy UWP codebases.

Guides Copilot through the WorkIQ CLI/MCP server to fetch live Microsoft 365 data—emails, meetings, docs, Teams chatter, and people info—providing context, summaries, blockers, and follow-up recommendations for planning or action.