Skill UI

A comprehensive guide detailing best practices for optimizing GraphQL queries against external APIs, demonstrated using Fireflies.ai. Learn advanced techniques such as requesting minimum required fields (field selection), implementing robust caching strategies (LRU/Redis), and managing rate limits through controlled batch processing and pagination. This ensures stable, fast, and scalable data retrieval.

A comprehensive guide and implementation for managing rate limits, exponential backoff, and request queuing when interacting with the Fireflies.ai GraphQL API. This skill ensures robust API calling by detecting 429 errors, handling per-plan quotas, and implementing reliable retry mechanisms.

This guide outlines essential security protocols for integrating Fireflies.ai. It covers best practices for managing sensitive API keys (e.g., environment variables, pre-commit hooks), implementing robust HMAC-SHA256 webhook signature verification in multiple languages (TypeScript, Python), and correctly configuring transcript privacy levels to ensure data confidentiality. Ideal for developers setting up production-ready integrations.

This guide details integrating FoundationModels for running Large Language Models (LLMs) directly on the device (iOS 26). It covers advanced patterns including text generation, extracting structured data using @Generable, implementing custom tool calling for domain logic, and streaming responses for real-time UI updates. Key features emphasize strong privacy and offline capability, ensuring no data leaves the device.

This guide teaches developers how to achieve type-safe and predictable error handling in TypeScript using functional programming concepts from fp-ts, specifically focusing on the Either and TaskEither patterns. Instead of relying on disruptive try/catch exceptions, this pattern treats errors as explicit data values, forcing the calling code to handle failure paths, which is crucial for building robust, maintainable, and functional APIs and services.

A practical, jargon-free guide to applying functional programming principles using the fp-ts library in TypeScript. It teaches essential patterns like `pipe`, `Option`, `Either`, and `flatMap` to handle null checks, errors, and complex data transformations in a clean, maintainable, and robustly functional way. Ideal for developers looking to refactor imperative code.

Learn practical, type-safe patterns for building complex React applications using fp-ts. This guide covers key functional programming concepts like handling optional values (Option), managing failure states (Either), and structuring data fetching and forms, ensuring your code is predictable and robust for React 18/19 and Next.js 14/15.

This comprehensive guide establishes strict architectural and performance standards for senior frontend engineers working with React, TypeScript, and Suspense. It dictates best practices for component design, feature implementation, data fetching (useSuspenseQuery), and code structure (feature-based organization). Use this when building any new component, feature, or handling data mutation to ensure the resulting application is scalable, predictable, and maintainable.

Mastery of modern frontend development using React 19+ and Next.js 15. This skill covers building scalable, high-performance user interfaces, managing complex client-server state, implementing advanced features like Server Components (RSC), and ensuring WCAG accessibility compliance. Ideal for architecting full-stack web applications and optimizing Core Web Vitals.

This expert specializes in scaffolding complete, production-ready, accessible, and performant React and React Native components. It generates full boilerplate code including TypeScript definitions, unit tests, styles (CSS Modules, Styled-Components, Tailwind), and accessibility hooks, ensuring adherence to modern best practices for scalable frontend architecture.

Frontend Patterns documents modern React and Next.js UI best practices, covering component composition, compound components, render-props, reusable hooks, and context-reducer state management to build performant interfaces.

This skill guides the full lifecycle of game development, from architecture design (ECS, component systems) to high-performance implementation. It covers integrating Unity/Unreal Engine features, implementing complex physics, multiplayer networking with lag compensation, and achieving consistent 60+ FPS performance. Key techniques include object pooling, state machines, and rigorous profiling to ensure production-ready, scalable game systems.