openstatusHQOfficial·15 Agent Skills Included

data-table-filters

Build filterable React data tables with sorting, infinite scroll, and AI filters

Installs ready-made React data table blocks with faceted filters, sorting, infinite scroll, and virtualization via the shadcn CLI. Eliminates hand-building table state, filter UIs, and server-side query logic for large SQL-backed datasets. Includes schema generation, Drizzle ORM helpers, cell renderers, and AI natural-language filtering so agents wire up full tables from one request.

2,209|130

↗

npx skills add openstatusHQ/data-table-filters --all -g -y

Available:

Tells the AI agent how to install the right registry blocks for a user's goal, which docs and MCP tools to consult, and which common wiring mistakes to avoid.

All Skills in This Repository (15)

Pure Emerald Level Indicators

📦 In Repo

openstatusHQ

data-table-filters

Automate React data-table setup with faceted filters and BYOS state adapters.

web-design-guidelines

Audit HTML, CSS, and component files against Web Interface Guidelines.

game-changing-features

Identify and prioritize 10x product opportunities using a structured 5-step workflow.

shadcn

Manage shadcn/ui components and project contexts via registries and presets.

improve-codebase-architecture

Identify architectural friction and generate RFCs for module-deepening refactors.

skill-creator

Generate and package Claude skills with standardized templates and scripts.

next-best-practices

Consolidate Next.js best practices into a single actionable guide.

frontend-design

Design production-grade frontend interfaces from requirements across React, Vue, or HTML/CSS.

vercel-react-best-practices

Apply React and Next.js performance patterns to code reviews and refactors.

emil-design-eng

Encode Emil Kowalski's UI design philosophy into actionable interface guidelines.

vercel-composition-patterns

Implement scalable React composition patterns with explicit variants and context providers.

mcp-builder

Build MCP servers in Python or TypeScript with validated tool schemas.

Official

Advanced

Frequently Asked Questions

FAQPage Schema

How to install data-table-filters?▼

Run `npx skills add openstatusHQ/data-table-filters --all -g -y` in your terminal to install all skills in this suite globally.

How to add a filterable data table in React?▼

Ask your AI agent to add a filterable data table and it detects your stack, installs the right shadcn registry blocks, generates a schema, and wires everything up automatically.

Can it filter millions of rows server-side?▼

Yes. The Drizzle ORM helpers run filtering, faceted counts, sorting, and cursor pagination directly in SQL, so table size is bounded by your database, not the browser.

Does it support natural language filters?▼

Yes. The AI filter block turns plain-English queries into structured table filters using any LLM provider you connect through the Vercel AI SDK.

Does it work with Claude Code and other AI agents?▼

Yes. It ships a SKILL.md for agent-driven installs plus an MCP docs server, so Claude Code, Cursor, and other agents can plan and execute the setup.