Skill UI

Automates React hook creation support by guiding on best practices, providing production-ready code/configuration, and validating outputs for modern frontend scenarios.

Automates building Redux slices, guiding best practices, producing production-ready code, and validating frontend state management patterns for React and Vue projects.

This comprehensive skill manages the full lifecycle deployment of applications on the Replit platform. It supports three key deployment types: Static (for frontends), Autoscale (for variable APIs), and Reserved VM (for always-on services). Use this for configuring production environments, setting up custom domains, implementing health checks, managing environment secrets, and optimizing scaling strategies.

Provides automated guidance for setting up responsive breakpoint analysis, follows frontend best practices, validates configurations, and supports React/Vue/CSS accessibility and performance scenarios.

This skill implements a robust, multi-layered security hardening process based on the Defense-in-Depth strategy and DevSecOps principles. It coordinates specialized agents to perform comprehensive security assessments (SAST, DAST, SBOM, Threat Modeling), identify critical vulnerabilities, and execute layered remediation. The process covers application code, backend APIs, frontend components, and mobile platforms, ensuring a resilient security posture across the entire development lifecycle.

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.

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

A comprehensive developer reference covering the full spectrum of Shopify development, including Liquid templating, OS 2.0 architecture, GraphQL APIs (Admin and Storefront), and modern headless solutions using Hydrogen. This guide assists in building advanced themes, custom apps, implementing serverless business logic via Functions, and optimizing performance for modern e-commerce storefronts.

This comprehensive guide covers the full stack of Shopify development. Learn to build robust custom applications, highly customized extensions (for checkout, admin, and POS), and dynamic storefront themes. It details using GraphQL Admin API, managing webhooks, and utilizing Liquid for templating, enabling developers to integrate external services and enhance the entire merchant e-commerce experience.

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 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.

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.