Skill UI

This skill provides comprehensive best practices for designing modern and robust React user interfaces. It covers critical patterns for managing asynchronous data, including optimal loading state indicators (skeletons vs. spinners), structured error handling hierarchies, and designing contextual empty states. Essential for improving user experience during data fetching and operations.

This discipline establishes a portable, framework-agnostic layer for ensuring type safety at the network edge of any React or React Native application. It mandates a single, typed API client to wrap all network fetching, guaranteeing that raw wire JSON is immediately parsed into trusted, domain-specific types or standardized error objects before entering the application state. This pattern drastically reduces runtime errors and enhances code robustness.

This guide details best practices for implementing robust, type-safe GraphQL queries and mutations. It covers using separate .gql files, running code generation tools, and implementing mandatory error handling (onError) and loading states. Use this when building complex, reliable data fetching layers with Apollo Client.

This skill drives an existing browser instance using the Chrome DevTools Protocol (CDP). It is essential for complex web automation tasks that require visible interaction, JavaScript execution, or handling authenticated, stateful sessions. Use it when static data fetching is insufficient, such as simulating user logins, interacting with iframes, or performing visual verification. Supports headless and remote environments.

A comprehensive guide covering best practices for building and debugging Nuxt 4 applications. It details patterns for ensuring hydration safety, optimizing data fetching with `useFetch` and `useAsyncData`, managing complex routing rules, and implementing lazy loading for superior performance across SSR and client-side environments.

A comprehensive guide to best practices for building production-ready React Native and Expo applications. Covers core concepts including Expo Router navigation, state management separation, robust data fetching with TanStack Query and Zod, efficient list rendering, styling consistency, and accessing native APIs.

This skill facilitates the ingestion of unstructured clinical notes and reports from FHIR R4 EHR APIs (e.g., Epic, Cerner). It handles complex tasks including paginating large search results, decoding base64 attachments (PDF, text), and extracting narrative content. The extracted text is then passed to the OpenMed pipeline for HIPAA-compliant de-identification and subsequent NLP analysis, enabling structured data insights from raw clinical records.

A comprehensive tool designed to help developers compare multiple technical approaches for solving a single problem. It systematically identifies and analyzes the trade-offs, complexity, performance, and learning curves associated with different design patterns (e.g., state management, data fetching, API design). Ideal for architectural reviews and making informed, robust technology stack decisions.

Integrates Power Pages Web API into frontend code with proper permissions and deployment. Orchestrates full integration lifecycle including code integration, table permissions setup, and deployment for Dataverse CRUD operations. Use when adding Web API calls, connecting to Dataverse, or adding data fetching to frontend.

Automates the conversion of visual designs from Stitch into high-quality, modular React and Vite components. This skill ensures strict adherence to modern architectural standards, including logic isolation via custom hooks, data decoupling, and robust type safety using TypeScript. It manages complex workflows like network fetching, style guide synchronization, and multi-phase validation to generate production-ready frontend code.

A comprehensive guide for developers on creating custom bulk actions for a Headless CMS. Learn how to implement the `EntriesBulkAction` interface using `loadData` (for fetching batches) and `processData` (for performing updates). This allows developers to add administrative batch tasks, such as applying discounts or transforming entries, directly from the CMS admin UI, while managing background task convergence and complex field filtering.

This skill leverages Apify Actors to extract competitor data from various platforms including Google Maps, Booking.com, Facebook, Instagram, YouTube, and TikTok. It enables analysis of strategies, content, pricing, ads, and market positioning. Users can select specific actors for different needs like review analysis, ad monitoring, or profile metrics. The workflow involves fetching schemas, configuring inputs, running scripts, and summarizing findings for strategic decision-making.