Skill UI

Provides prioritized performance optimization recommendations across frontend, backend, and infrastructure, offering bottleneck analysis, impact estimates, and phased implementation roadmaps when users request speed improvements or reviews.

Automates creation and validation of PWA manifest files for frontend projects, guiding developers through best practices and generating production-ready code snippets and configs for React, Vue, CSS, and modern web ecosystems.

Automated assistance for building React components, offering best practices, production-ready code generation, and validation guidance for frontend patterns like accessibility and performance optimization.

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.

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.