Skill UI

This skill generates a complete, opinionated, modern full-stack Rails application boilerplate. It sets up a robust tech stack including Rails 8, PostgreSQL, React, Inertia.js, Vite, Tailwind CSS, Sidekiq, and Redis. Designed for developers who need a starting point that adheres to best practices for database structure (UUIDs, JSONB), background job processing, comprehensive testing, and modern frontend development (TSX). Ideal for bootstrapping complex, production-grade web services.

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.

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.

Utilizes advanced AI to generate, compare, and integrate multiple production-ready, modern, and highly customizable UI component variations. Instead of a single solution, this skill provides multiple design options (e.g., pricing tables, contact forms) with advanced styling like glassmorphism and animations, ensuring the final design is unique and visually stunning. Ideal for front-end developers and designers pushing design boundaries.

Collection of 23 production-ready engineering agent skills that cover architecture, frontend, backend, QA, DevOps, security, AI/ML, and data engineering; installable via Claude Code, Codex CLI, Gemini CLI, and other agents, plus 30+ stdlib-only Python helper scripts.

Guides authorized security testers through detecting and exploiting HTTP request smuggling when front- and back-end servers disagree on Content-Length vs Transfer-Encoding, covering architecture checks, automation tools, and impact scenarios.

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.

Gradio is a powerful Python library designed for building and sharing machine learning demo applications and user interfaces (UIs). It allows developers to quickly create interactive web prototypes, from simple interfaces to complex chat interfaces, streamlining the process of demonstrating ML models without needing extensive front-end coding knowledge. It supports advanced features like custom layouts and streaming outputs.

Guides building production-ready user interfaces with thoughtful component architecture, consistent spacing, typography, color, and accessibility standards while avoiding generic AI aesthetics and over-configured patterns.

Provides a measurement-driven workflow for improving web application performance, covering when to optimize, how to profile front-end and back-end bottlenecks, and how to monitor Core Web Vitals before and after fixes.

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.