Skill UI

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.

COBRApy is a Python library for constraint-based reconstruction and analysis of genome-scale metabolic models, letting you load SBML/JSON/YAML models, perform FBA/FVA/sampling, and study gene or reaction knockouts for systems biology and metabolic engineering.

Guides building and scaling Convex backends with TypeScript schemas, queries, mutations, real-time subscriptions, auth, file storage, scheduling, and deployment across React, Next.js, Angular, Vue, Svelte, and RN.

This skill provides a comprehensive framework for performing end-to-end UI testing and verification on Android emulators. It guides users through systematic processes including device calibration, UI element discovery using uiautomator, performing complex interactions (tap, swipe, input), and robust reporting via visual screenshots and logcat analysis. Ideal for ensuring the stability and functional correctness of React Native or native Android applications.

Build complete transactional email systems using React Email templates and providers like Resend, Postmark, or SendGrid. Supports i18n, dark mode, spam optimization, and analytics tracking. Includes preview server and unified sending interface for production-ready code.

Generates complete, production-ready landing pages using Next.js/React and Tailwind CSS. It incorporates proven copywriting frameworks (AIDA, PAS, BAB), optimizes for SEO with structured data, and adheres to Core Web Vitals standards (LCP, CLS). Ideal for creating high-performing marketing homepages, lead capture forms, and campaign sites.

A comprehensive setup guide for integrating Tailwind CSS v4 into Expo/React Native projects. This skill utilizes react-native-css and NativeWind v5 to achieve universal, utility-first styling across iOS, Android, and Web platforms, ensuring modern, consistent UI development.

This skill guides developers on using the `@expo/ui/swift-ui` package to integrate native SwiftUI views and modifiers into Expo applications. It is essential for building authentic, platform-specific iOS user interfaces within a cross-platform React Native context, especially when targeting Expo SDK 55. Learn how to wrap SwiftUI trees and embed React Native components.

Master robust and type-safe patterns for React development using fp-ts. This guide covers managing state with Option, sophisticated form validation using Either (collecting all errors), and handling asynchronous data fetching with TaskEither. It promotes a highly functional, predictable coding style for React 18/19 and Next.js.

A comprehensive skill guide for implementing all forms of data fetching and networking in React Native/Expo environments. Covers best practices for using the native fetch API, managing state with React Query (TanStack Query), implementing robust error handling with retry logic, handling offline scenarios, and securely managing authentication tokens. Essential for building reliable, scalable mobile applications that interact with external APIs.

This skill generates a complete, opinionated, modern full-stack Rails application boilerplate. It sets up a robust tech stack including Rails 8, PostgreSQL, React, Inertia.js, Vite, Tailwind CSS, Sidekiq, and Redis. Designed for developers who need a starting point that adheres to best practices for database structure (UUIDs, JSONB), background job processing, comprehensive testing, and modern frontend development (TSX). Ideal for bootstrapping complex, production-grade web services.