Skill UI

A comprehensive scaffold generator for building Model Context Protocol (MCP) servers using TypeScript and Node.js. This tool provides a complete, production-ready boilerplate, including proper project structure, dependency management (e.g., @modelcontextprotocol/sdk, zod), and implementation details for tools and resources. It supports both HTTP and stdio transport mechanisms, ensuring type safety, robust error handling, and best practices for modern backend development.

This tool generates a complete, structured TypeSpec declarative agent definition tailored for Microsoft 365 Copilot. It systematically creates necessary components including detailed role instructions, conversation starters, and a comprehensive list of required capabilities (e.g., WebSearch, OneDrive, Teams, CodeInterpreter). This ensures the agent is fully functional and ready for deployment within the M365 ecosystem.

This skill scaffolds the complete boilerplate structure for a new mobile screen or page. It ensures that the resulting component adheres to established design system patterns, including Top Bars, Bottom Navigation, and standard content shells. Use it when starting a new dedicated mobile view and needing immediate adherence to design tokens and layout rules.

This skill allows users to generate structured and composed UI patterns—such as card sections, multi-column grids, forms, and data tables—by combining established design system primitives. It ensures consistency and reusability by adhering to defined layout rules, making complex UI development systematic and efficient.

This interactive wizard guides you through every step required to establish a consistent and professional design system for your new project. It walks users through selecting app type, defining brand colors, applying visual concepts (like Stripe or Notion), choosing typography, and finally scaffolding the initial page structure, ensuring a solid foundation for development.

Automatically update implementation plan files to reflect new requirements, ensuring structured, machine-readable phases with explicit tasks and validation criteria for AI agents to execute deterministically.

Maintains the repository's llms.txt guidance file by auditing current documentation, specs, and structure to ensure the navigation summary matches reality and stays compliant with the official specification.

Automates updating a markdown document with an index/table listing files from a designated folder, handling discovery, structure selection, and syntax validation to keep documentation in sync.

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 guides the implementation of essential user feedback states—Loading (Skeleton), Empty (Zero Data), Error, and Success—for data-dependent components or entire pages. It ensures a robust and polished user experience by providing structured, best-practice patterns for handling various data scenarios, preventing visual gaps or dead ends in the UI flow.

This skill assists in designing comprehensive, user-centric flow maps and navigation architectures. It adheres to established UX principles, such as Progressive Disclosure, Miller's Law, and Hick's Law, ensuring optimal user journeys. Use it to map out the structural connections, screen inventory, and edge case handling for a product feature, creating a scaffolded blueprint before visual implementation.

A comprehensive automation toolkit designed to manage the entire Vercel deployment lifecycle and associated infrastructure. Users can programmatically monitor, trigger, and manage deployments, configure custom domains and DNS records, manage environment variables across multiple targets, and oversee project settings and project listings. Essential for implementing robust CI/CD pipelines and managing cloud infrastructure.