Skip to content
Development
Command

/add-filters

Create advanced filtering UI components for data exploration. Implement filter sidebar with collapsible sections using Bootstrap accordion. Add multiple filter types: checkboxes, dropdowns, range sliders, date pickers. Support multi-select filters with select all/none options.

From plugin
larouex-fullstack-builder
881 skills12 agents81 commands

Command definition

add-filters.md

Create advanced filtering UI components for data exploration. Implement filter sidebar with collapsible sections using Bootstrap accordion. Add multiple filter types: checkboxes, dropdowns, range sliders, date pickers. Support multi-select filters with select all/none options. Display active filters as removable chips. Add clear all filters button. Update results in real-time as filters change. Maintain filter state in URL query parameters for shareability. Implement filter count badges showing available options. Make filters responsive with mobile-friendly drawer. Add filter presets for common combinations. Reference forms-workflow-agent for form handling and validation.

@larouexnonprofitconsulting
Ships withlarouex-fullstack-builder

A comprehensive Claude Code plugin with 81 commands and 12 specialized AI agents for building modern, full-stack web applications with Next.js 15, Azure, Railway, Bootstrap, and TypeScript.

Stars on GitHub

Momentum

stars in total
8
Star history of LarouexNonprofitConsulting/larouex-fullstack-plugin on GitHub, a chart by star-history.com

Other commands on larouex-fullstack-builder.

More commands from other plugins.

build
Auto-invoked

build

Command

Implement tasks incrementally — build, test, verify, commit. Add "auto" to run the whole plan in one approved pass.

@addyosmani@addyosmaniInstall Command