Skill UI

This skill orchestrates full-stack feature development across backend, frontend, and infrastructure layers using an API-first approach. It guides users through architecture design, parallel implementation, and integration testing phases, coordinating specialized agents to deliver cohesive, production-ready systems with proper separation of concerns and comprehensive testing.

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.

Configure New Relic for full-stack observability: install infrastructure agents on Linux, Docker and Kubernetes, integrate APM agents for Node.js, Python, Java and Go, add custom events, metrics and spans, and write NRQL queries for dashboards and alerts.

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

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.

SvelteKit is the official full-stack framework built on Svelte, enabling developers to build fast, modern, and highly performant web applications. It provides comprehensive features including file-based routing, Server-Side Rendering (SSR), Static Site Generation (SSG), API routes, and progressive form actions, all while maintaining Svelte's zero runtime overhead. Use this skill when building complex, data-driven web platforms where performance and developer experience are paramount.

This skill provides pre-configured project scaffolding templates for initiating new applications from scratch. It covers 12 diverse technology stacks including Next.js, Express, Python FastAPI, React Native, Flutter, and more. Users can select the appropriate template based on their project type, such as full-stack web apps, APIs, mobile applications, or desktop software. It streamlines the setup process by offering ready-made structures and configurations tailored to specific development needs.

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 skill enables developers to deploy frontend and full-stack applications on Vercel efficiently. It covers setting up preview environments for pull requests, configuring edge functions, managing environment variables across different stages, and implementing production guardrails. Includes integration with GitHub Actions for automated CI/CD pipelines and security best practices like custom domains and headers.

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.