productivity▌

TanStack Virtual provides virtualization logic for rendering only visible items in large lists, grids, and tables. It calculates which items are in the viewport and positions them with absolute positioning, keeping DOM node count minimal regardless of dataset size.

Server-state management with automatic caching, background refetching, and synchronization for React, Vue, Solid, Svelte, and Angular. \n \n Handles queries (data fetching), mutations (updates), and infinite queries with built-in pagination, stale-while-revalidate patterns, and optimistic updates \n Provides hierarchical query keys for granular cache invalidation, automatic request deduplication, and AbortSignal-based cancellation \n Includes Suspense integration via useSuspenseQuery , SSR/hydra

TanStack Form is a headless form library with deep TypeScript integration. It provides field-level and form-level validation (sync/async), array fields, linked/dependent fields, fine-grained reactivity, and schema validation adapter support (Zod, Valibot, Yup).

全面的 Telegram 开发指南，涵盖 Bot 开发、Mini Apps (Web Apps)、客户端开发的完整技术栈。

Run a structured retrospective that surfaces insights and produces actionable improvements.

End-to-end deployment, evaluation, and management of AI agents on Microsoft Foundry. \n \n Covers the complete agent lifecycle: creation from starter samples, containerization and ACR push, hosted or prompt agent deployment, invocation, batch evaluation, and prompt optimization \n Includes specialized sub-skills for deploy, invoke, observe (evaluation and prompt optimization), trace analysis, troubleshooting, and dataset curation from production traces \n Supports project and resource provisioni

Expert guidance for financial systems, FinTech applications, banking platforms, and payment processing. \n \n Covers payment gateway integration (Stripe), open banking APIs (Plaid), and core banking concepts including PCI-DSS, SOX, and Basel III compliance \n Includes practical code examples for payment processing, refunds, webhook handling, and bank account/transaction retrieval \n Provides financial calculation utilities for compound interest, loan amortization, NPV, and ROI with proper Decima

Internationalization setup for React apps using react-i18next with flat dot-notation keys. \n \n Use flat key structure with dot notation (e.g., feature.context.action ) in src/locales/default/ files; never edit JSON files in locales/ \n Support dynamic parameters via {{variableName}} syntax and access translations in components with useTranslation() hook \n Run pnpm i18n to auto-generate translations for all languages; manually translate zh-CN and en-US files for dev preview \n Common namespace

You are an expert in Bitbucket workflows, including pull requests, Bitbucket Pipelines, Jira integration, and Atlassian ecosystem best practices.

You are an expert in MQTT (Message Queuing Telemetry Transport) protocol development for IoT and real-time messaging systems. Follow these best practices when building MQTT-based applications.