Skill UI

A comprehensive guide to securely implementing Supabase across diverse modern application stacks. This skill covers critical patterns for Next.js Server Components (SSR), Single Page Applications (SPA), React Native mobile apps, Edge Functions (Serverless), and complex multi-tenant deployments using RLS or schema isolation. It guides developers on correctly managing client types (anon vs. service_role) and handling authentication flows in various environments.

A comprehensive diagnostic guide for resolving common errors across the entire Supabase stack, including PostgREST, PostgreSQL, Authentication, and Storage. Use this tool when encountering specific error codes (e.g., PGRST301, 42501) or debugging complex API failures like RLS violations or session expiry. It provides step-by-step instructions for identifying the error layer and applying the correct fix.

This expert skill acts as a master orchestrator for Test-Driven Development (TDD), guiding users through the complete Red-Green-Refactor cycle. It specializes in coordinating complex, multi-agent testing workflows, integrating modern practices like BDD, ATDD, and AI-assisted test generation. Use it to ensure robust, highly maintainable, and thoroughly tested software systems across diverse technological stacks and complex development pipelines.

This skill provides a comprehensive collection of quick-start templates for developing applications across diverse tech stacks. Users can quickly scaffold full-stack web apps (Next.js), SaaS products, REST APIs (Express, FastAPI), mobile apps (Flutter, React Native), and specialized tools like CLI utilities. It ensures the initial project setup adheres to modern best practices, saving significant time during the initial development phase.

This skill validates web applications across diverse browsers (Chromium, Gecko, WebKit) and real mobile devices. It supports both local testing using Playwright and scalable cloud testing via major platforms like BrowserStack, Sauce Labs, and Kobiton. Use it when ensuring consistent UI/UX, correct CSS rendering, and functional JavaScript behavior regardless of the target environment or device type.

A powerful agentic workflow for complex software development. Cascade Write mode acts as an autonomous coding agent, allowing users to build features, refactor code across multiple files, run terminal commands, and debug errors—all from a single natural language prompt. Ideal for full-stack development, complex system building, and large-scale code refactoring.

Configure Playwright projects to run on BrowserStack’s cloud grid, add dedicated scripts, fetch builds and sessions, and report per-browser results so you can automate cross-browser/device testing with tunnel support.

A comprehensive guide and methodology for identifying, measuring, and fixing performance bottlenecks across the entire stack. This skill covers optimizing database queries (e.g., N+1 problems, missing indexes), improving API efficiency (caching, parallel processing), and enhancing frontend performance (memoization, code splitting, image optimization). It emphasizes the critical 'Measure First' principle to ensure all optimizations are data-driven and effective.

Guides founders and GTM teams on designing and deploying AI SDR systems, automating qualification, routing signals into actions, and orchestrating human-in-the-loop handoffs across inbound/outbound motions and CRM stacks.

Helps founders, RevOps, and GTM engineers turn manual revenue processes into reliable, observable automation by mapping tech stacks, designing workflow architectures, and orchestrating AI agents across platforms like n8n, Make, and Zapier.

This tool provides comprehensive security assessments for the entire IoT ecosystem, including physical hardware, embedded firmware, network communications, and cloud APIs. Testers can perform deep dives using hardware debugging (UART/JTAG), firmware extraction and reverse engineering, analyzing protocols (MQTT, CoAP, BLE), and simulating cloud-to-device attacks to identify vulnerabilities across all layers of the smart device stack.

Automatically reverse-engineers any codebase (frontend, backend, or fullstack) into a comprehensive Product Requirements Document (PRD). It analyzes complex elements like routes, components, API integrations, state management, and business logic across major stacks (React, Vue, Next.js, Django, FastAPI). The resulting PRD is detailed enough for both product managers (understanding 'what') and engineers/AI agents (understanding 'how' to reconstruct the system).