Skill UI

A comprehensive guide for integrating Microsoft Graph SDK into applications. It covers accessing Microsoft 365 data (users, mail, calendar, Teams, SharePoint) from various languages (.NET, Python, TypeScript). Key topics include robust authentication patterns (Managed Identity, OBO), advanced data retrieval techniques like pagination, delta queries, batch requests, and setting up change notifications via webhooks. Learn best practices for secure and efficient API interaction.

This skill provides a comprehensive solution for embedding the powerful, Photoshop-compatible Photopea editor into any web application. Using photopea.js, developers can control the embedded instance via JavaScript, enabling advanced workflows such as opening remote files, loading local assets (fonts, brushes), executing custom scripts to manipulate layers and text, and exporting the final result in various formats (PNG, JPG, PSD, WebP). Ideal for building professional creative tools directly into your product.

A comprehensive skill for capturing and documenting web application and graphical UI states during the development cycle. It supports full-page captures using Playwright, reliable post-processing cropping with PIL, capturing interactive states (hovers, selections), and even handles non-web desktop applications using mss/ctypes.

This skill provides a rigorous set of engineering and design directives for building professional-grade user interfaces using React/Next.js and Tailwind CSS. It enforces modern architectural constraints, ensures accessibility, and guides design decisions (typography, color, layout) to avoid common web clichés, resulting in high-fidelity, production-ready code.

This skill generates robust JSON-LD structured data markup for various web components, including blogs, FAQs, tools, and SaaS pages. By implementing standard Schema.org types (WebSite, Article, FAQPage, etc.), you can significantly improve your SEO, boost click-through rates (CTR), and provide clear context to both search engines and AI systems. Includes implementation guidance for modern frameworks like Next.js.

A comprehensive REST API for sending and receiving multi-channel messages, including iMessage (blue bubbles), SMS, and RCS. This skill allows developers to integrate messaging capabilities into server-side applications, supporting advanced features such as group messaging, reactions, typing indicators, and status callbacks. It also handles inbound messages via webhooks, making it ideal for building robust, real-time communication services that require programmatic control over messaging lifecycles.

This skill guides the design of robust, production-grade data extraction pipelines, moving beyond brittle one-off scripts. It supports three modes: API-driven web scraping (Firecrawl), traditional local Python extraction (PDF, CSV), and hybrid workflows. Key features include intelligent routing, mandatory data validation, secure key management, and adherence to scraping best practices.

Manages the deployment of local applications and websites to the Vercel platform. This skill intelligently detects the project's current state (e.g., if it is already linked or if git is available) and guides the user through the optimal deployment method. It prioritizes establishing a permanent git-push connection to facilitate a seamless Continuous Integration/Continuous Deployment (CI/CD) workflow. Use when the user explicitly requests deployment actions.

This guide details how to deploy and manage web projects on Vercel using token-based authentication via the CLI. It provides comprehensive steps for locating and setting the VERCEL_TOKEN, identifying project IDs, and executing deployment commands (including linking and direct deployment) without relying on interactive login.

Use the `Infra.Api.MaxBundleSize` extension to control the maximum allowed size of the built API Lambda bundle. This is crucial when your project's dependencies or code significantly increase the bundle size beyond the default 4.5 MB limit, or when you need to enforce a stricter size constraint. Configuration must be done using precise byte calculations in webiny.config.tsx.

A powerful CLI tool designed for deep web interaction and data scraping. bb-browser simulates genuine user behavior within a real browser environment, allowing access to both public and private enterprise systems, even requiring active user login. Key features include a Site System to turn complex websites into simple command-line APIs, advanced network request handling (with session state), form automation, and element interaction, making it ideal for enterprise data gathering and workflow automation.

This guide details techniques for pre-caching critical assets in Flutter and Flutter Web, including Google Fonts, local images, and network resources. By proactively loading required data and assets (e.g., using `precacheImage` or `GoogleFonts.pendingFonts`), developers can prevent common performance issues like jank, loading flashes, and delayed rendering, ensuring a smooth and fast initial user experience.