搜索与筛选栏
React用户体验筛选更新于 2026-07-22
使用场景: 需要文本搜索和分类/标签筛选但无侧边栏的列表页面。
安装
npx skills add search-filter-bar克隆
git clone https://github.com/skillhub-community/search-filter-bar.git描述
将防抖文本输入与水平滚动的筛选标签组合在一起。URL 搜索参数保持同步,筛选后的视图可分享和收藏。
附带 `useFilterParams()` Hook,读写 `URLSearchParams`,与路由方案无关。
AI Hub
跑 Skill 需要模型接口?
AI Hub 提供 OpenAI 兼容接口,给 Cursor / Claude Code / Agent 用。
打开 AI Hub元数据
作者@ux_raj
许可证MIT
版本1.0.2
依赖0