Skill UI

Autonomous frontend builders follow a Stitch-driven baton loop to read prompts, generate and integrate pages, refresh documentation, and hand off the next task for continuous site evolution.

This comprehensive index provides access to 32 production-ready, specialized engineering skills. It covers the entire development lifecycle, including system architecture, frontend, backend, DevOps, security operations, AI/ML, and data engineering. It is designed to guide users in selecting and loading only the specific module needed, ensuring focused expertise for complex tasks.

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).

Hono is a minimal and ultrafast web framework built entirely on Web Standards (Request/Response/fetch). It allows developers to build high-performance APIs and full-stack applications that run seamlessly across multiple environments, including Cloudflare Workers, Deno, Bun, and Node.js. It is ideal for edge deployment, Backend for Frontend (BFF) layers, and type-safe backend services.

A comprehensive guide for building production-quality, highly accessible, and responsive user interfaces. Covers advanced topics including component architecture (composition over configuration), robust state management patterns (Context, Redux, Server State), adherence to design systems, and meeting WCAG accessibility standards. Use this skill when developing or refining complex user-facing components that require professional polish and maintainability.

A deep dive into best practices for optimizing application performance across the entire stack, including frontend rendering, backend logic, and database queries. Learn the systematic workflow—Measure, Identify, Fix, Verify—using core metrics like Web Vitals (LCP, INP, CLS) and techniques to resolve common anti-patterns such as N+1 queries and render-blocking resources. Essential for improving user experience and addressing performance regressions.

This skill generates highly structured DESIGN.md files, acting as a semantic design system for Google Stitch. It translates complex, anti-generic frontend principles—including typography, color calibration, component behavior, and motion physics—into actionable, natural-language rules. Use it as the single source of truth to guide AI in generating premium, non-clichéd, professional user interfaces.

This advanced prompt acts as a structured guide for generating comprehensive, enterprise-grade technical implementation plans. It forces the detailed breakdown of a feature based on a PRD, covering system architecture (Mermaid diagrams), database schema design, API specifications, frontend component hierarchy, and deployment strategies, all while adhering to a monorepo structure. Ideal for large-scale SaaS development.

Guide for using the Azure SWA CLI to create, configure, and deploy Static Web Apps with local emulation, API integration, and CI/CD setup for Azure-hosted frontends.

Analyzes diverse codebases to auto-detect technology stacks, microservices/monorepo traits, and frontend presence, then documents consistent folder conventions, visualization options, and template guidance to keep large projects organized.

This skill provides advanced architectural guidelines for generating premium, award-level web experiences. It guides code generation beyond basic HTML/CSS, focusing on creating immersive digital environments. Key areas include sophisticated motion design (scroll-driven narratives, micro-interactions), establishing strong visual identities (e.g., Brutalism, Glassmorphism), and enforcing strict performance best practices like hardware acceleration and accessibility compliance.

This skill guides users on operating the FrontendIntegration resources and the associated frontend-forge extension using kubectl. It covers the full lifecycle management: creating FI from complete YAML, updating status, enabling/disabling, troubleshooting build output, and managing the extension's installation plan. Ideal for DevOps engineers responsible for robust CI/CD pipeline management.