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 toolkit for ensuring code quality in modern React and Next.js applications. It automatically generates unit test stubs using Jest and React Testing Library, scaffolds Playwright E2E tests for entire application routes, and analyzes coverage reports to identify crucial testing gaps. Ideal for developers looking to establish, improve, and maintain robust, enterprise-grade test suites.

Automates the creation and validation of SEO meta tags for Frontend Development tasks, guiding developers through patterns, best practices, and production-ready setups.

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.

A comprehensive guide providing expert patterns for building modern, robust Shopify applications. This skill covers the entire development lifecycle, including React Router app setup, handling complex webhooks, embedding the app within the Shopify Admin using App Bridge, and interacting with the GraphQL Admin API. Ideal for developers building e-commerce integrations.

Expert in building and debugging comprehensive Shopify solutions. Specializes in theme development using Liquid, implementing headless commerce via the Storefront API, and developing custom Shopify applications (OAuth, webhooks). Proficient in modern e-commerce architectures, including Hydrogen/React frontends, managing Shopify CLI workflows, and optimizing performance for high-volume online stores.

Automates Slack messaging, search, channel management, reactions, and threads via Rube MCP (Composio), enabling scripted posts, queries, and workspace ops once RUBE_SEARCH_TOOLS and Slack connections are active.

Guides Spring Boot 3.x engineers through configuration scaffolds, REST controllers, Spring Security 6 authentication flows, Spring Data JPA repositories, and reactive WebFlux endpoints, making it easier to build microservices and Java REST APIs.

Automates styled components helper tasks within frontend development, activating on related mentions to offer guidance, best practices, production-ready code, and validation tailored for React, Vue, and modern CSS workflows.

A comprehensive guide to securely implementing Supabase across diverse modern application stacks. This skill covers critical patterns for Next.js Server Components (SSR), Single Page Applications (SPA), React Native mobile apps, Edge Functions (Serverless), and complex multi-tenant deployments using RLS or schema isolation. It guides developers on correctly managing client types (anon vs. service_role) and handling authentication flows in various environments.

Automates Tailwind class optimization for frontend developers, guiding users through best practices, validating CSS patterns, and generating React/Vue-friendly code with accessibility and performance assurances.