Skill UI

A comprehensive guide to implementing expert customer data tracking across the entire stack. Includes best practices for client-side tracking using Analytics.js (React/Next.js), high-performance server-side tracking via Node.js webhooks, user identity resolution, and data governance strategies for Segment CDP.

A comprehensive skill set for modern frontend development using React, Next.js, TypeScript, and Tailwind CSS. It covers automated project scaffolding, component generation (including hooks and stories), and critical bundle analysis. Use this to enforce best practices, optimize performance, and maintain high code quality in large-scale web applications.

A comprehensive fullstack development toolkit designed to accelerate project setup and maintain code health. It provides project scaffolding for popular stacks (Next.js, FastAPI, MERN, Django), generating complete boilerplate code, Docker configurations, and environment templates. Furthermore, the Code Quality Analyzer audits existing codebases for critical security vulnerabilities, complexity metrics, and dependency issues, ensuring high standards throughout the development lifecycle. Ideal for new project initiation and routine code auditing.

Generates Jest/RTL unit tests, analyzes Istanbul coverage, scaffolds Playwright E2E suites, and configures fixtures and mocks to boost React/Next.js QA workflows.

Guides building Next.js Server Actions for App Router forms, mutations, and optimistic updates, covering useFormState/useFormStatus hooks, revalidation helpers, and post-submission redirects.

Guides you through React Server Components in Next.js App Router, covering when to use server versus client pieces, interop boundaries, data fetching patterns, streaming with Suspense, and composition techniques such as client wrappers or slot-based shells for mixed trees.

Curated scaffolding templates for launching new apps quickly; pick the matching stack (Next.js, FastAPI, Flutter, etc.), read only that TEMPLATE.md, and follow its tech stack to scaffold full-stack, SaaS, API, or frontend projects.

Guides deploying Next.js apps to Vercel covering environment variable strategy, choosing edge vs serverless runtimes, build optimizations, preview workflows, and custom domain setup to secure production releases.

Vercel Engineering’s authoritative React and Next.js performance guide, offering prioritized rules for waterfalls, bundle size, data fetching, memoization, rendering, caching, and advanced patterns.

Guides building and scaling Convex backends with TypeScript schemas, queries, mutations, real-time subscriptions, auth, file storage, scheduling, and deployment across React, Next.js, Angular, Vue, Svelte, and RN.

Automatically scans modern API frameworks (Next.js, Express, FastAPI, Django) to generate comprehensive, ready-to-run test suites. It ensures complete coverage for critical areas including authentication, input validation (boundary/injection), error code matrices, pagination, file uploads, and rate limiting. Ideal for TDD, contract testing, and security audits.

Generates high-converting landing pages as ready-to-use Next.js/React TSX components with Tailwind CSS, proven copy frameworks, SEO meta, structured data, and Core Web Vitals targets for marketing campaigns, A/B tests, or conversion-focused sites.