mcpField
S
search-ux

search-ux

github.com/podoDesign & UI30170 installsUpdated 4d ago
Repository

About search-ux

A search experience design skill for designers working on the full user journey, from query input to results and analytics. It covers autocomplete, filtering, ranking, and zero-result states.

Key features

  1. 01Search input and autocomplete design
  2. 02Results layout and ranking
  3. 03Faceted filtering
  4. 04Zero-results state design
  5. 05Search analytics considerations

Use cases

  1. 01Designing autocomplete behavior
  2. 02Planning filters for search results
  3. 03Improving empty search result experiences

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/podo/design-agent-skills --skill search-ux

After installing, type/search-uxin Claude Code to confirm it loaded.

Bundled filesstub.yaml

Details

From the project README

search-ux

Catalogue stub — full skill: Owl-Listener/designer-skills

Decision tree

  1. Is the full skill already installed?

    • Global: f=~/.agents/skills/search-ux/SKILL.md; [ -f "$f" ] && ! grep -q "^das:" "$f" && echo "installed" || echo "pointer"
    • Project: f=.agents/skills/search-ux/SKILL.md; [ -f "$f" ] && ! grep -q "^das:" "$f" && echo "installed" || echo "pointer"
    • installed → the skill is installed as search-ux, invoke it and proceed
    • pointer → go to step 2

  2. Detect scope, then install:

    [ -e ~/.agents/skills/search-ux ] && echo "global" || echo "project"

    Global:

    npx skills add Owl-Listener/designer-skills --skill search-ux -g -y

    Project:

    npx skills add Owl-Listener/designer-skills --skill search-ux -y

    Claude Code: send a command as a chat message starting with ! to run it without leaving the conversation.

Claude Code plugin route:

/plugin marketplace add Owl-Listener/designer-skills
/plugin install interaction-design@designer-skills

Heads-up

  • License: MIT

Invoke after install

  • Skill name: search-ux
  • Trigger phrases: "search UX", "search experience design", "zero results state", "autocomplete design", "faceted search UX"

What it does

The end-to-end search-UX skill from Owl-Listener's designer-skills: search input and autocomplete, results layout and ranking, faceted filtering, the often-neglected zero-results state (treated as a retention moment), and search analytics (zero-result queries, click position, abandonment).

When NOT to use

  • Backend search indexing/relevance tuning → an engineering concern, not this skill
  • General navigation IA → use information-architecture-and-navigation

Comments

Markdown supported