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.

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.

Tracks and optimizes application response times using the response-time-tracker plugin, covering API endpoints, database queries, external calls, frontend rendering, and background jobs to highlight bottlenecks or SLO breaches.

Utility to browse Google Fonts, capture trending faces, suggest pairings, and output import snippets plus Tailwind config so frontend teams can finalize typography systems quickly.