Skill UI

A comprehensive tool that analyzes complex codebases to generate detailed, structured architectural blueprints. It automatically detects and documents the entire technology stack, including primary languages (.NET, Java, Python, etc.), dependencies, versions, licensing, and implementation patterns. The output provides actionable documentation covering coding conventions, usage examples (API, data access), and visual architecture maps, ensuring consistency across guided software development projects.

Generates concise TLDR-format summaries for GitHub Copilot customization files, MCP server docs, or related URLs, ensuring actionable examples and context-aware verbosity for inline or chat view sessions.

Process videos, audio, images, and documents on Transloadit’s cloud using 86+ robots to encode formats, generate thumbnails, resize/watermark, run OCR, speech-to-text, moderation, and chain multi-step pipelines for scalable media automation.

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.

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 generates reusable UI components that strictly adhere to established design system conventions (e.g., StyleSeed/Toss). It enforces the use of semantic tokens, maintains accessibility standards (such as minimum touch targets and focus visibility), and ensures predictable structure, preventing ad-hoc, inconsistent markup and guaranteeing high fidelity across the entire frontend application.

This skill helps developers create structured, reusable UI layout patterns (such as grids, card sections, forms, and data lists) by composing existing primitives from a design system (StyleSeed). It is ideal for developing consistent, repeatable components across multiple pages, ensuring the design remains cohesive and scalable rather than using ad-hoc markup. Focuses on best practices for component architecture and dynamic data integration.

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.

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 generates concise, tone-consistent microcopy for various UI states, including buttons, error messages, empty states, toasts, and form guidance. Inspired by a casual yet polite voice, it ensures that product messaging is actionable, helpful, and aligns with a consistent brand tone, moving beyond generic or robotic wording.

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.