mcpField
S
search-ux

search-ux

github.com/podo设计与 UI30170 次安装4 天前更新
代码仓库

关于 search-ux

面向设计师的搜索体验设计技能,覆盖从输入查询到结果和分析的完整用户流程。内容包括自动补全、筛选、排序及无结果状态。

主要功能

  1. 01搜索输入与自动补全设计
  2. 02结果布局与排序
  3. 03分面筛选设计
  4. 04无结果状态设计
  5. 05搜索分析考量

适用场景

  1. 01设计自动补全行为
  2. 02规划搜索结果筛选器
  3. 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

决策树

  1. 是否已安装完整技能?

    • 全局: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 步
  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 -y
    

    Claude 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