home/categories/frontend/singleton-altman-moviepilotlite-cursor-skills-filter-sortby-floating-bar-skill-md
frontenddevelopment

filter-sortby-floating-bar

Build pages with 搜索/筛选/排序 的“floating bar”(姐狗味)交互:筛选按钮 + fake input + sortBy,放在 floatingActionButton 且使用 FloatingActionButtonLocation.centerDocked。参考 SearchMediaResultPage 的结构与视觉实现。

singleton-altman
maintainer
singleton-altman
Updated 3/26/2026
Stars
323
Forks
21
quick start

Installation and usage

Build pages with 搜索/筛选/排序 的“floating bar”(姐狗味)交互:筛选按钮 + fake input + sortBy,放在 floatingActionButton 且使用 FloatingActionButtonLocation.centerDocked。参考 SearchMediaResultPage 的结构与视觉实现。

Installation
$ install --globalskills.sh
Usage

Once installed, you can use this skill by running the following command in your terminal:

skills use filter-sortby-floating-bar