ui-components
Specialized skill for working with shadcn/ui components, Tailwind CSS styling, responsive design, and component composition. Use when creating new UI components, styling existing components, implementing respon...
Discover tools full stack skills, compare source repositories and read the instructions for each workflow.
Specialized skill for working with shadcn/ui components, Tailwind CSS styling, responsive design, and component composition. Use when creating new UI components, styling existing components, implementing respon...
Redux/Zustand architecture, React Query, and real-time data sync
Builds user interfaces, manages client-side state, and handles API integration. Use for React/Vue/Angular component development.
Use this skill when the user asks to "create an API endpoint", "build a REST API", "add a controller", "design an API", "implement CRUD operations", "add validation", "handle API errors", or any backend API dev...
Comprehensive frontend development skill for building robust, responsive, and maintainable web applications and mobile apps. Use this for all UI/UX implementation, component building, styling, and client-side l...
Best practices and guidelines for working with Next.js 16 App Router
Створення високорівневої документації для проектів на базі Vanilla Vite Multi-Page App. Сфокусовано на технічній точності, доступності та зручності для розробників.
TypeScript/Node object adapters for boundary translation (DTO mapping, error model, sync/async), fitting ports/adapters or NestJS layers, with trade-offs and testing guidance.
Create smooth animations and micro-interactions with Framer Motion and CSS. Covers enter/exit animations, gestures, scroll animations, loading states, and performance optimization. Use for polished UIs, interac...
Managing environment variables in Next.js projects. Use when configuring environment variables, setting up different environments (development, staging, production), or accessing environment variables in compon...
Scaffolds new container modules following ModuleImplementationGuide.md Section 3.1 standard structure. Creates directory layout, required files (Dockerfile, package.json, tsconfig.json, README.md, CHANGELOG.md)...
Build Progressive Web Apps and mobile-first experiences. Covers service workers, offline support, push notifications, app manifest, installability, React Native basics, and mobile UX patterns.
Build beautiful, modern websites from codebase or from scratch
Build end-to-end typesafe APIs with tRPC. Covers routers, procedures, Zod validation, React Query integration, and Next.js setup. Use when building full-stack TypeScript applications with type-safe API calls.
Build high-performance Python APIs with FastAPI. Covers async endpoints, dependency injection, Pydantic validation, OpenAPI auto-generation, OAuth2/JWT authentication, and database integration. Use when buildin...
Express.js REST API patterns, middleware, error handling, and best practices for the PMS backend. Use for API development, endpoint creation, and backend architecture.
A comprehensive collection of React best practices and performance optimization techniques from Vercel, including rules for eliminating waterfalls, bundle size optimization, server-side performance, and more.
Use when adding page metadata, implementing OpenGraph tags, creating JSON-LD structured data, generating sitemaps, optimizing LCP/INP/CLS, or configuring robots.txt. Use for Next.js Metadata API, Article/Produc...
Deploy frontend, manage CDN caching, and automate deployments via Vercel MCP
Sentry observability guidance for Triatu. Use when documenting, planning, or implementing error tracking, performance monitoring, and alerting in Next.js.
This skill should be used when the user asks to "GraphQL, Apollo Federation, GraphQL server, schema stitching, GraphQL gateway", or needs help with GraphQL servers, federation.
Frontend architecture, React/TypeScript leadership, and design system management
Type-safe database access with Prisma ORM. Covers schema design, migrations, relations, queries, and TypeScript integration. Use when working with Prisma, database modeling, or building type-safe data layers fo...
Understanding Convex + Better Auth dual-database architecture. Use when: (1) "User not found" errors during login/password reset but user appears to exist, (2) users exist in app's users table but can't authent...
The default order uses GitHub repository stars from our indexed data. Stars belong to the source repository and may be shared by multiple skills. They indicate repository interest, not skill installs or an independent quality score.