fulcro-data-load
Guide for Fulcro data loading patterns including load!, targeting, markers, pre-merge, and post-mutations. Use when implementing data fetching, loading states, or server communication in Fulcro.
Guide for Fulcro data loading patterns including load!, targeting, markers, pre-merge, and post-mutations. Use when implementing data fetching, loading states, or server communication in Fulcro.
Generates Astro component skeleton with slots. Stateless, deterministic. No content.
Zustand store specialist - handles store generation, sync patterns, selectors, and persistence for totalaud.io state management.
ドキュメント内のNuxt UI v3記法を検出し、v4記法への修正を支援します。「ドキュメントをチェックして」「Nuxt UI v4の記法を確認」などで呼び出されます。
Design and validate complex concurrent rendering workflows using `useTransition`, `Suspense`, and selective hydration to preserve responsiveness under heavy workloads.
Core utilities including Accessor pattern, Collection, reactiveUtils, promiseUtils, and workers. Use for reactive programming, property watching, async operations, and background processing.
Dynamically style Vaadin Grid/DataGrid rows based on entity data. Use this skill when highlighting rows based on conditions (e.g., deleted, overdue, warning states). Use this skill when applying custom CSS to grid rows. Use this skill when working with setPartNameGenerator and ::part() CSS selectors.
Design components that provide logic and accessibility without prescribing UI styling.
Add comprehensive form validation to Tkinter views using the template's validator utilities. Use when creating forms, handling user input, when user mentions "validation", "form", or when working with Entry/Text widgets.
Xpod Components.js 变量和组件配置专家,处理 CLI 参数、变量解析、组件配置等问题
Use modern CSS features - custom properties, container queries, :has(), @layer, CSS nesting
Tailwind CSS 4 patterns and best practices. Trigger: When styling with Tailwind classes, especially when dynamic styling or CSS variables are involved (no var() in class names).
Apply consistent UI component patterns for the project Next.js template. Use when building forms, dialogs, notifications, loading states, or any UI components. Ensures proper dark mode support, responsive behavior, animations, and adherence to the project's component library hierarchy.
Implement a normalized entity cache to maintain data consistency across a React app.
Review de codigo React Native para o projeto Nossa Maternidade. Detecta anti-patterns como ScrollView com .map() (usar FlatList), console.log (usar logger), any em TypeScript, cores hardcoded. Use ao revisar PRs, criar componentes, ou fazer code review.
React 19 + TypeScript patterns, hooks, types, and best practices
Use compile-time validated environment variables with t3-oss/env-nextjs. Ensures type-safe access to environment variables with automatic validation at build time. Use when accessing any environment variable or adding new environment configurations.
Master the fp-ts library for typed functional programming in TypeScript, including Option, Either, Task, TaskEither, Reader, State, IO, Array, Record, pipe/flow composition, Do notation, optics (lenses/prisms), and integration with the Effect-TS ecosystem. Use when working with fp-ts data types, composing functional pipelines, handling effects functionally, implementing monadic patterns, or using fp-ts utilities for type-safe functional code.
Design and optimize streaming UIs with Suspense boundaries, parallel data fetching, and loading states in Next.js 16. Implements granular streaming, skeleton loaders, and progressive page rendering.
Modern ES6+ JavaScript features including classes, modules, destructuring, iterators, proxies, and latest ECMAScript features.
Expert implementation of @vis.gl/react-google-maps library for Google Maps in React. Use when building maps, markers, pins, infowindows, places autocomplete, geocoding, draggable markers, polygons, circles, polylines, drawing tools, or any Google Maps JavaScript API integration in React/Next.js applications.