Skill UI

Used for building, debugging, and extending MCP servers and clients. This skill implements robust connections between AI systems and external tools/data sources using structured protocols like JSON-RPC 2.0. Expertise includes defining tool schemas (Zod/Pydantic), configuring transport layers (HTTP/SSE/stdio), and scaffolding full-stack projects in TypeScript or Python.

A comprehensive guide providing best practices and architectural patterns for modern full-stack development using Next.js 14+ App Router. Covers advanced topics like Server Components, efficient data fetching, handling parallel routes, and implementing full-stack features with Server Actions for scalable React applications.

This comprehensive guide outlines best practices for developing modern, scalable applications using the Next.js App Router. It covers critical architectural patterns, including the decision-making process between Server and Client Components, advanced data fetching strategies (caching, revalidation), file-system routing principles, API route handling, and performance optimizations like image and bundle splitting. Essential knowledge for building robust full-stack React applications.

A comprehensive guide to building modern, high-performance full-stack applications using Next.js 14+ and the App Router. Covers advanced concepts including React Server Components (RSC), Server Actions, optimized data fetching with caching, implementing robust SEO via generateMetadata, and best practices for deployment and performance tuning (Vercel).

This guide provides expert patterns for implementing secure, full-stack authentication in Next.js using Supabase. It covers essential architectural components, including setting up separate browser and server clients, utilizing middleware for route protection and session refreshing, handling OAuth callbacks, and implementing auth operations safely via Server Actions and Server Components. Essential knowledge for building secure, modern web applications.

This skill enables the coordination of multiple specialized AI agents within a single session. It is designed for complex, multi-domain tasks such as comprehensive code reviews, security audits, or full-stack feature implementations. It coordinates expertise across various domains (backend, frontend, testing, architecture) to provide holistic analysis and actionable recommendations.

This comprehensive workflow guides developers through implementing full-stack product analytics using PostHog. It covers key areas including defining event taxonomies, capturing user actions (client-side), identifying and updating user properties, and performing B2B group analytics. It also demonstrates server-side event tracking using posthog-node, ensuring a complete, accurate, and traceable view of user behavior and product usage across web, mobile, and API sources.

This skill acts as an expert architect to generate complete, production-ready Python project structures. It supports various modern architectures, including FastAPI, Django (full-stack), standalone libraries, and CLI tools. It ensures adherence to best practices, includes dependency management (uv, pip), type hinting, and comprehensive testing skeletons.

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.

This comprehensive workflow guides the development of modern, scalable full-stack applications using Next.js 14+, React, and TypeScript. It covers all phases, from project setup and component architecture to advanced data fetching (Server Components, React Query), styling with Tailwind CSS, robust testing (E2E via Playwright), and deployment optimization. Ideal for building complex, production-grade web interfaces.

This comprehensive workflow guides developers through building a production-ready, full-stack web application entirely within the Replit environment. It covers setting up the entire architecture, including Express/Flask backend logic, robust PostgreSQL database integration for persistent data, implementing secure user authentication using Replit Auth, and managing file uploads via Object Storage. It is the definitive guide for launching a complex, scalable SaaS project from scratch.

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.