Skill UI

Automatically checks application metrics such as load times, bundle sizes, and API responses against predefined performance budgets, surfacing regressions and preventing slippage before deployments—ideal for CI/CD workflows.

This comprehensive guide provides a step-by-step walkthrough for deploying a minimal, functional full-stack application to Vercel. It covers setting up both static HTML landing pages and robust serverless API routes using TypeScript. This skill is ideal for beginners starting new Vercel projects, testing deployment pipelines, or learning the core patterns of modern serverless function implementation.

A comprehensive guide to optimizing Vercel deployment performance. This skill covers advanced techniques such as edge caching implementation (using Cache-Control headers), leveraging Incremental Static Regeneration (ISR), minimizing serverless function cold starts, and optimizing bundle size. Use this when facing slow page load times, needing to improve Core Web Vitals, or requiring robust, scalable deployment performance.

Automates spoken-word video editing by transcribing footage, detecting mispronunciations or pauses with AI, generating review pages, and surfacing actionable deletion lists for user approval before trimming.

Automates Webflow CMS, pages, and publishing workflows through Rube MCP’s Composio toolkit, covering collection CRUD, site inspection, asset uploads, and ecommerce order retrieval with the latest schemas.

This skill simulates a senior documentation engineer, generating highly comprehensive, evidence-based technical documentation pages. It strictly adheres to engineering best practices, including tracing actual code paths, citing every non-trivial claim with file paths and line numbers, and providing multiple required diagrams (Mermaid format). It structures content from 'Why' (First Principles) through Architecture, Data Flow, and Implementation details, suitable for deep technical deep-dives and wiki content creation.

Generates high-converting landing pages as ready-to-use Next.js/React TSX components with Tailwind CSS, proven copy frameworks, SEO meta, structured data, and Core Web Vitals targets for marketing campaigns, A/B tests, or conversion-focused sites.

Transforms vague UI ideas into structured, Stitch-optimized prompts by adding platform context, UI/UX keywords, design system cues, and detailed page structure guidance so generated interfaces stay consistent and polished.

This skill provides comprehensive guidelines for auditing and correcting critical HTML metadata. It covers page titles, descriptions, canonical URLs, Open Graph tags, Twitter cards, favicons, and structured data (JSON-LD). Use this process when adding or reviewing SEO and social metadata to ensure optimal search visibility and shareable content for web pages.

Automates the generation of production-ready Playwright end-to-end (E2E) tests. By accepting high-level inputs such as user stories, feature descriptions, or component names, this tool analyzes the codebase, selects appropriate testing templates (e.g., CRUD, login, checkout), and generates structured, best-practice test files. It ensures adherence to modern web testing standards, including proper locator strategies (getByRole), assertion techniques, and project conventions (fixtures, page objects).

This tool provides a comprehensive, file-by-file mechanism to migrate existing UI test suites from older frameworks like Cypress or Selenium to the modern Playwright framework. It automatically detects the source framework, maps key API functions (e.g., `cy.get` to `page.locator`), upgrades outdated locators to best practices (like `getByRole`), and manages the entire conversion process, ensuring high compatibility and minimizing manual effort. Ideal for teams modernizing their E2E testing infrastructure.

Diagnose and fix Odoo performance bottlenecks by tuning PostgreSQL queries, adjusting worker/memory limits, and applying profiling insights to achieve faster page loads and stable production behavior.