Skill UI

This skill provides a comprehensive collection of quick-start templates for developing applications across diverse tech stacks. Users can quickly scaffold full-stack web apps (Next.js), SaaS products, REST APIs (Express, FastAPI), mobile apps (Flutter, React Native), and specialized tools like CLI utilities. It ensures the initial project setup adheres to modern best practices, saving significant time during the initial development phase.

A comprehensive guide covering best practices for unit and integration testing, including Test-Driven Development (TDD) and Behavior-Driven Development (BDD). This guide details factory functions for creating reusable mock data and props, advanced mocking strategies for modules and hooks, and custom rendering utilities, ensuring tests are maintainable and reliable in React/TypeScript environments.

Defines and monitors SLAs, SLIs, and SLOs so teams can set performance targets, track metrics like error budgets and availability, and react before issues impact customers.

A comprehensive, step-by-step guide detailing the process of upgrading Expo SDK versions in a React Native project. This resource covers dependency resolution, handling breaking changes (such as React 19 or New Architecture migrations), clearing native caches (iOS/Android), and updating deprecated packages to ensure a smooth and stable migration process.

Vercel Engineering’s authoritative React and Next.js performance guide, offering prioritized rules for waterfalls, bundle size, data fetching, memoization, rendering, caching, and advanced patterns.

A comprehensive guide for implementing secure and reliable webhook endpoints to handle Vercel deployment lifecycle events. This skill covers signature verification (HMAC) to ensure security, processing key events (e.g., deployment.ready, deployment.error), and implementing idempotency to prevent duplicate actions. Ideal for building automated CI/CD integrations, status notifications, or custom project hooks that react to deployment changes in real-time.

Auto-activating skill that guides developers through Vue composable creation, offering best practices, production-ready code, and validation while covering React/Vue/CSS/accessibility/performance patterns.

Creates complex claude.ai HTML artifacts by initializing a ready React+TypeScript Vite project, leveraging Tailwind and shadcn/ui components, and bundling everything into a single inline HTML file for sharing in conversations.

Automates guidance for frontend teams to monitor and optimize Web Vitals, offering best practices, code samples, and validation flows aligned with React, Vue, and accessibility standards.

This guide outlines best practices for creating robust and optimized Zustand stores in TypeScript. It covers fundamental patterns, such as separating state and actions, utilizing `subscribeWithSelector` middleware, and implementing individual selectors to prevent unnecessary re-renders. Essential for building scalable, high-performance frontend applications with React.

This tool provides a comprehensive workflow for generating powerful, self-contained frontend artifacts for AI platforms. It initializes a React/TypeScript project using Vite and Tailwind CSS, allowing developers to build complex UIs. The core function is bundling the entire application into a single, shareable HTML file, making it easily viewable within AI conversations.

Access the BRENDA SOAP API to retrieve enzyme kinetic parameters, reaction equations, organism-specific data, and environmental preferences, enabling biochemical research, metabolic pathway reconstruction, and enzyme engineering workflows.