MCP App StoreMCP App Store
de data-table-filters2,043
Un registre shadcn de blocs React pour créer des tables de données virtualisées, triables et filtrables avec filtrage IA, inférence de schéma et intégration Drizzle/React Query
Data Table Filters est une collection de blocs du registre shadcn et de documentations pour construire des tables de données React haute performance et filtrables. Il regroupe un moteur de table central ainsi que des blocs optionnels pour les palettes de commandes, les rendus de cellules, les panneaux de détails (sheets), les adaptateurs d'état (memory/nuqs/zustand), la génération de schéma, les aides au serveur Drizzle ORM, le chargement infini avec React Query, et des filtres en langage naturel propulsés par l'IA. La compétence explique les étapes d'installation, les modèles de câblage, le choix des adaptateurs et des conseils de dépannage.
Utilisez cette compétence lorsque vous avez besoin d'une table de données prête pour la production avec des filtres à facettes, un défilement infini, la virtualisation et des interfaces de filtrage pilotées par l'IA. Elle est appropriée pour les tableaux de bord, les panneaux d'administration, les interfaces de monitoring et toute application nécessitant une expérience utilisateur riche en tableaux avec filtrage côté serveur ou inférence côté client à partir de JSON. Idéal lorsque vous souhaitez une modularité via les blocs shadcn et une intégration prévisible avec Drizzle ou React Query.
Principalement ciblé pour les chaînes d'outils de développement utilisant shadcn et TanStack (React Query, TanStack Table). Fonctionne bien avec les agents capables d'exécuter des commandes CLI (npx) et de mettre en place des blocs de registre, tels que les agents assistants orientés code.
Data Table Filters est un registre shadcn fournissant 11 blocs installables pour construire des tables de données React filtrables, triables et virtualisées. Le fichier SKILL.md est complet avec des exemples de code clairs pour l'utilisation principale et le câblage d'extension. Le script detect-stack.sh a été exécuté avec succès, détectant la configuration du projet (gestionnaire de paquets, framework, version de Tailwind, état de shadcn, ORM, bibliothèques d'état et installation existante de data-table-filters).
Compétence bien structurée avec un script propre. Aucune préoccupation de sécurité. Le fichier SKILL.md fournit une documentation approfondie couvrant le démarrage rapide, le câblage d'extension, les adaptateurs de store, la génération de schéma, l'auto-inférence, l'intégration côté serveur et le dépannage.
React Development Expert
Provides authoritative React guidance on hooks, state patterns, Server Components, performance optimization, and common architectural patterns.
Agent Browser — Core
Core usage guide for agent-browser: snapshot-and-ref browser automation to navigate pages, interact with elements, extract data, take screenshots, manage sessio
Migrate from Next.js App Router to TanStack Start
Step-by-step migration checklist to move an App Router Next.js codebase to TanStack Start, covering routes, server functions, middleware, data fetching and buil
dotLottie Web
Guidelines and patterns for implementing performant dotLottie/Lottie animations on the web (vanilla JS and React), including workers, state machines, and themin
React Context Setup
Automates guidance and code patterns for setting up React Context, providing step-by-step configuration and best-practice examples for frontend projects.
FFmpeg Guide
Comprehensive FFmpeg reference for encoding, converting, streaming, filtering, and analyzing audio/video — command examples, common patterns, and troubleshootin
SolanaUI
A 30-component React UI library (shadcn/ui + Tailwind) for Solana DeFi apps: swap boxes, order books, position tables, NFT cards and dashboards.
Vapor UI Design System
Design-system-aware assistant for Vapor UI: component docs, icon lookup, mockup generation, and Figma-to-code conversion producing production-ready Vapor UI Rea
