Skill UI

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.

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.

This comprehensive skill provides an index of official blueprints and implementation guides for building full-stack, AI-powered applications using Weaviate. It covers advanced patterns such as Retrieval-Augmented Generation (RAG), agentic workflows, data exploration, and multimodal document search, guiding users through best practices for setup, clients, and frontends.