Analyze column data patterns and generate semantic HTML filter bars.
npx skills add https://github.com/rohunvora/cool-claude-skills --skill table-filters
Please help me install this Agent Skill. Skill: table-filters Source: https://github.com/rohunvora/cool-claude-skills/tree/main/skills/table-filters Command: npx skills add https://github.com/rohunvora/cool-claude-skills --skill table-filters
Table filtering is often tedious and inconsistent; this Skill automates the design of per-column filtering UX for data tables by analyzing column data patterns and proposing optimal filter types, producing a unified filter bar.
Provide a sample table schema or dataset and generate a unified filter field with per-column filters.
High-intent search queries and answers about installing and using this skill.
Designing data table filters involves analyzing column data patterns to assign appropriate filter types like text, checkboxes, range, or date inputs. This ensures users get a unified filter bar tailored to the specific tabular data workflow.
The best way to build a unified filter bar for a dashboard is creating a chip-based filter UI that outputs semantic HTML with class names for styling. This provides a cohesive surface for refining large tabular datasets.
To generate semantic HTML for a data table filtering UI, provide a sample table schema or dataset. The system analyzes the data and outputs semantic HTML with predefined class names ready for custom styling.
Yes, a chip-based filter UI is designed specifically for per-column filtering in data tables. It analyzes each column's data type to assign appropriate filter controls and consolidates them into a unified filtering surface.
Table filtering UX design is applicable to tabular data workflows with large datasets, such as admin panels and dashboards. It automates the assignment of per-column filter types to improve data exploration.
Automated table filter type assignment relies on analyzing column data patterns to choose filter types like text or range. It outputs semantic HTML with classes for styling but requires you to manually implement the visual styling defined by those classes.
genfeedaiAnalyze table columns and generate semantic HTML filter UIs.
ddoman90Apply Tailwind CSS utilities for styling instead of custom CSS.
agarzonBuild MoonShine v4 admin interfaces with component usage and async interactions.
jeannotlemaire-uxPreserve v1 taste-skill behavior with design and engineering directives.
