关于 search-ux
面向设计师的搜索体验设计技能,覆盖从输入查询到结果和分析的完整用户流程。内容包括自动补全、筛选、排序及无结果状态。
主要功能
- 01搜索输入与自动补全设计
- 02结果布局与排序
- 03分面筛选设计
- 04无结果状态设计
- 05搜索分析考量
适用场景
- 01设计自动补全行为
- 02规划搜索结果筛选器
- 03改进无结果的搜索体验
安装
复制下面的命令,在终端中运行。
$
npx skills add https:/ / github.com/ podo/ design-agent-skills --skill search-ux安装后在 Claude Code 中输入/search-ux确认已加载。
附带文件stub.yaml
详细介绍
search-ux
目录条目占位 — 完整技能:Owl-Listener/designer-skills
决策树
-
是否已安装完整技能?
- 全局:
f=~/.agents/skills/search-ux/SKILL.md; [ -f "$f" ] && ! grep -q "^das:" "$f" && echo "installed" || echo "pointer" - 项目:
f=.agents/skills/search-ux/SKILL.md; [ -f "$f" ] && ! grep -q "^das:" "$f" && echo "installed" || echo "pointer" installed→ 技能已安装为search-ux,调用它并继续pointer→ 转到第 2 步
- 全局:
-
检测范围,然后安装:
[ -e ~/.agents/skills/search-ux ] && echo "global" || echo "project"全局:
npx skills add Owl-Listener/designer-skills --skill search-ux -g -y项目:
npx skills add Owl-Listener/designer-skills --skill search-ux -yClaude Code: 发送以
!开头的命令作为聊天消息,即可在不离开对话的情况下运行该命令。
Claude Code 插件方式:
/plugin marketplace add Owl-Listener/designer-skills
/plugin install interaction-design@designer-skills
注意事项
- 许可证: MIT
安装后调用
- 技能名称:
search-ux - 触发短语:“search UX”、“search experience design”、“zero results state”、“autocomplete design”、“faceted search UX”
功能
Owl-Listener 的 designer-skills 中端到端的搜索 UX 技能:搜索输入和自动补全、结果布局和排序、分面筛选、常被忽略的无结果状态(将其视为留存契机),以及搜索分析(零结果查询、点击位置、放弃搜索)。
不适用场景
- 后端搜索索引/相关性调优 → 这是工程问题,不属于此技能范畴
- 通用导航 IA → 使用
information-architecture-and-navigation
评论
支持 Markdown