skills.rest
hunmer
hunmerCOMMUNITY
Explore all skills by this author →
GitHub

add-multi-filter

Automate adding a multi-criteria filter UI to Flutter plugin views.

70|12|Updated Apr 1, 2025
Search Tags:#UI/UX#Flutter#plugin#data-filtering#FilterBuilders#multi-filter
One-click install
npx skills add https://github.com/hunmer/Memento --skill add-multi-filter
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: add-multi-filter
Source: https://github.com/hunmer/Memento/tree/main/.claude/skills/add-multi-filter
Command: npx skills add https://github.com/hunmer/Memento --skill add-multi-filter

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Traditional Flutter plugin lists often rely on single-condition filters or modal dialogs, which can be slow and opaque. This Skill adds a two-level MultiFilterBar that lets users refine results across multiple criteria in a single, visible UI.

Core Features & Use Cases

  • Multi-criteria filtering: tags, keywords, date ranges, priority, and checkbox options.
  • Replaces older FilterDialog for a more intuitive UX and faster feedback.
  • Use Case: Manage tasks, diary entries, or activity logs by combining filters to quickly surface relevant items.

Quick Start

  1. Basic usage - automatic detection of filtering needs: /add-multi-filter <view-file>
  2. Specify filter types: /add-multi-filter <view-file> --filters tags,priority,date,status
  3. Specify controller name: /add-multi-filter <view-file> --controller _controller

Frequently Asked Questions about add-multi-filter

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I add multi-criteria filtering to a Flutter list view?▼

To add multi-criteria filtering to a Flutter list view, this Skill integrates a two-level MultiFilterBar using SuperCupertinoNavigationWrapper, replacing single-condition modal dialogs with a visible UI for combined tags, keywords, and date filters.

Can I specify which filter types to apply to Flutter plugin views?▼

Yes, you can specify filter types for Flutter plugin views by passing the desired filters as a command argument, such as using tags, priority, date, and status to refine task or activity log results.

What controller methods are required to implement multi-filtering in Flutter?▼

Implementing multi-filtering requires a controller with applyFilter and clearFilter methods to manage the state. This allows the MultiFilterBar to actively refine list-heavy views like diaries and activity logs.

Does this Flutter filtering approach replace modal filter dialogs?▼

Yes, this multi-filtering approach replaces older FilterDialog modals. It provides faster feedback and a more intuitive UX by keeping tags, keywords, date ranges, and checkbox options visible in a MultiFilterBar.

What is the best way to filter tasks and activity logs by multiple tags and dates in Flutter?▼

The best way to filter tasks and activity logs by multiple criteria is using a MultiFilterBar. It combines tags, keywords, date ranges, priorities, and checkboxes into a single visible UI for quick result refinement.

Related Skills

Explore More Software Engineering Skills→
sawaraesawarae
18

build-win

Build a Windows distributable zip archive for a Flutter application.

Community
Intermediate
jiaiyanjiaiyan
8

n-transfer

Move items between source and target lists with filtering and virtual scrolling.

Community
Advanced
Snowflake-LabsSnowflake-Labs
12

read-ors-configuration

A concise summary of your roleplay character: name,</name> personality, and/or behavior, formatted as a single string sentence. Typically不超过50字，此处省略

Official
Intermediate
FenghazeFenghaze

models-dev

Query and compare AI model specifications from models.dev.

Community
Advanced