Skill UI

A comprehensive workflow designed to orchestrate the entire lifecycle of large-scale features, from initial requirement gathering and architectural design through multi-service implementation, rigorous testing, and modern deployment strategies (e.g., canary, blue-green). Use this skill when coordinating complex, cross-functional feature delivery across frontend, backend, and data teams, ensuring quality and consistency at every phase.

Automated skill providing code splitting guidance for frontend development, covering React/Vue/CSS, modern performance and accessibility best practices, and producing validated, production-ready configurations.

A comprehensive, end-to-end workflow for building product features guided by rigorous data insights. This skill guides users through the entire lifecycle, encompassing exploratory data analysis, forming measurable business hypotheses, designing statistical A/B tests, architecting data pipelines, and implementing robust backend/frontend instrumentation. It ensures that every feature iteration is validated by data and measured for impact.

A comprehensive, end-to-end workflow bundle guiding developers through the entire software development lifecycle. It covers project scaffolding, frontend development (React/Next.js), robust backend architecture, database design, rigorous testing (TDD, E2E), code quality review, and modern CI/CD deployment practices for web and mobile applications.

This comprehensive guide establishes strict architectural and performance standards for senior frontend engineers working with React, TypeScript, and Suspense. It dictates best practices for component design, feature implementation, data fetching (useSuspenseQuery), and code structure (feature-based organization). Use this when building any new component, feature, or handling data mutation to ensure the resulting application is scalable, predictable, and maintainable.

Mastery of modern frontend development using React 19+ and Next.js 15. This skill covers building scalable, high-performance user interfaces, managing complex client-server state, implementing advanced features like Server Components (RSC), and ensuring WCAG accessibility compliance. Ideal for architecting full-stack web applications and optimizing Core Web Vitals.

This expert specializes in scaffolding complete, production-ready, accessible, and performant React and React Native components. It generates full boilerplate code including TypeScript definitions, unit tests, styles (CSS Modules, Styled-Components, Tailwind), and accessibility hooks, ensuring adherence to modern best practices for scalable frontend architecture.

This comprehensive workflow guides the entire lifecycle of building a complex full-stack feature, from initial architectural design to final integration testing. It enforces an API-first approach, ensuring that the database schema, backend services, and frontend components are developed cohesively, promoting scalability, testability, and adherence to modern industry best practices.

This skill guides the development of robust, security-focused full-stack web applications. It ensures layered security coverage across the entire application stack, from database queries (parameterized queries) to API endpoints (authentication/authorization) and frontend components (input validation, output encoding). Use this when building end-to-end features, microservices, or REST APIs that require simultaneous attention to Frontend, Backend, and Security best practices.

Automatically generates robust, schema-compliant mock API servers directly from OpenAPI specifications. This tool supports advanced testing features, including stateful CRUD operations, Faker-driven dynamic data generation, configurable latency simulation, and detailed request recording for contract testing. Ideal for frontend parallel development and isolated integration testing.

Automates React Context setup within frontend development, guiding users through best practices, production-ready code, and validation for React-related modern web patterns.

A senior specialist for building modern, production-grade React applications using React 19, Server Components, and Next.js App Router. Expertise includes implementing complex state management (Redux, Zustand), optimizing performance with memoization, handling data fetching with TanStack Query, and ensuring strict TypeScript typing and accessibility standards. Ideal for architecting large-scale frontend systems.