Skill UI

This skill guides the end-to-end development, deployment, and secure integration of complex AI features into Firebase applications. It covers setting up Cloud Functions, Firestore/Storage rules, Authentication, and connecting robustly with Vertex AI/Gemini for advanced AI capabilities. Focuses on building production-grade, highly secure, data-intensive AI systems.

This skill guides the development of robust, security-focused full-stack web applications. It ensures layered security coverage across the entire application stack, from database queries (parameterized queries) to API endpoints (authentication/authorization) and frontend components (input validation, output encoding). Use this when building end-to-end features, microservices, or REST APIs that require simultaneous attention to Frontend, Backend, and Security best practices.

Specializes in building modern, high-performance Rails 7+ web applications. Expertise includes optimizing Active Record queries (N+1 prevention), implementing partial page updates with Hotwire (Turbo Frames/Streams), handling real-time communication via Action Cable, and managing background jobs using Sidekiq. The process includes rigorous RSpec testing and database schema management.

A comprehensive toolkit for the full software development lifecycle. It guides stack selection using a detailed decision engine, automatically scaffolds complex boilerplate projects across multiple popular stacks (Next.js, MERN, FastAPI, Django), and provides deep code quality analysis. Features include security vulnerability detection, complexity scoring, and dependency auditing, ensuring high-quality development from the start.

tRPC allows developers to build highly type-safe APIs in a full-stack environment without needing to write or maintain separate schemas. It provides end-to-end type safety from server routers to client components, supporting queries, mutations, subscriptions, and robust middleware. Ideal for building modern TypeScript monorepos, Next.js, or Remix applications.

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

A comprehensive coach guiding developers through the entire SaaS lifecycle: from initial idea and scaffolding (Next.js) to building MVP features, integrating AI, setting up authentication, implementing payment systems (Stripe/LemonSqueezy), and achieving global deployment (Cloudflare/Vercel). Focuses on pragmatic, 'ship first' architecture decisions for solo developers and indie hackers.

This guide provides a systematic, safe workflow for refactoring rapidly developed or AI-generated fullstack applications. It focuses on identifying and removing dead code, fixing broken imports, and consolidating repetitive logic while strictly maintaining existing API contracts, routes, and core functionality. Use this before launch to ensure a stable, maintainable production baseline, following a 'surgery, not demolition' philosophy.

A comprehensive, multi-phase quality assurance tool designed for Next.js fullstack applications. It verifies production readiness by checking code integrity, build success, SEO metadata, API authentication, route stability, performance, and security vulnerabilities. Use it as a mandatory pre-deployment checklist before promoting an app to production.

tRPC allows developers to build highly type-safe APIs in a full-stack environment without needing to write or maintain separate schemas. It provides end-to-end type safety from server routers to client components, supporting queries, mutations, subscriptions, and robust middleware. Ideal for building modern TypeScript monorepos, Next.js, or Remix applications.

This guide provides a systematic, safe workflow for refactoring rapidly developed or AI-generated fullstack applications. It focuses on identifying and removing dead code, fixing broken imports, and consolidating repetitive logic while strictly maintaining existing API contracts, routes, and core functionality. Use this before launch to ensure a stable, maintainable production baseline, following a 'surgery, not demolition' philosophy.

A comprehensive, multi-phase quality assurance tool designed for Next.js fullstack applications. It verifies production readiness by checking code integrity, build success, SEO metadata, API authentication, route stability, performance, and security vulnerabilities. Use it as a mandatory pre-deployment checklist before promoting an app to production.