Skill UI

This skill diffs a live web page's accessibility violations against a specified baseline. It can compare changes against uncommitted local stashes or a specific Git branch. The report focuses exclusively on changes, highlighting new violations introduced, violations that have been fixed, and the count of pre-existing issues. Ideal for CI/CD pipelines and development auditing.

This skill audits a live web page against WCAG standards. It precisely locates accessibility violations, providing a detailed, selector-grounded worklist of necessary fixes without making any changes to the code. Ideal for QA engineers and developers needing a comprehensive, non-destructive report of broken accessibility elements.

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.

A comprehensive guide on pre-caching assets, fonts, images, and initial data in Flutter and Flutter Web. This technique significantly improves the perceived performance by avoiding loading flashes, font swaps, and jank, ensuring a smooth user experience, especially on startup. Best practices emphasize caching only the content the user will see in the immediate next screens.

This skill automates the migration of existing frontend code (such as those built with React, Vite, or other frameworks) into the proprietary Stitch Design format. It performs a multi-step workflow: first, extracting a self-contained static HTML file; second, analyzing source components and stylesheets to generate a comprehensive design system documentation (DESIGN.md); and finally, uploading both artifacts to the specified Stitch project for continuous iteration and improvement.

Designed to capture a fully functional, standalone static HTML file from any modern web application (React, Next.js, Vue, etc.). It resolves all computed styles and inlines CSS and images (as Base64) into the output, ensuring the captured view can be shared or archived without external dependencies. Supports both automated snapshotting via Puppeteer and interactive capture.

A comprehensive skill for generating new design screens from text prompts or images, and iteratively editing existing designs. It incorporates advanced prompt enhancement, design tokens, and professional UI/UX terminology to ensure professional, structured, and context-aware design output for web and mobile platforms.

This comprehensive guide and tool suite transforms web designs created in Stitch (HTML/CSS) into clean, production-ready React Native components. It meticulously maps HTML elements (like <div>, <button>) to native RN primitives (View, Pressable) and converts complex CSS styles (Flexbox, typography, shadows) into React Native's StyleSheet.create(). It guides developers to follow architectural best practices, including Atomic Design and data decoupling, for scalable cross-platform mobile development.

This skill provides a robust method for uploading local digital assets, including images, mockups, and full HTML files, to a Stitch project. It bypasses the limitations of standard tool calls by streaming files directly over HTTP, ensuring that large visual assets or complex web pages can be processed accurately for your design and prototyping workflow. Ideal for integrating local design iterations into cloud-based prototypes.