Use Case
SearchBar is a powerful AI agent skill that extends your assistant with new capabilities. Expert guidance on SearchBar, a customizable SwiftUI search component. Use when developers mention: (1) SearchBar, (2) custom search bars in SwiftUI, (3) search tokens or suggestions, (4) styling search bars (glass, capsule), (5) cross-platform search (iOS, macOS, visionOS), (6) specific SearchBar modifiers like .searchBarStyle or .searchBarSuggestions. This guide walks you through installing SearchBar, configuring it for your setup, and running your first commands β so you can start getting value in minutes.
Install SearchBar: npx clawhub@latest --dir ~/.claude/skills install searchbar
Restart your AI client (Claude Code, Cursor, Gemini CLI, or OpenClaw)
Type a natural language request related to developer & devops to trigger SearchBar
Review the output and refine your prompt for better results
Combine SearchBar with other skills to build multi-step workflows
Copy these prompts and use them with your AI agent after installing SearchBar
Help me get started with SearchBar
What can SearchBar do for my developer & devops workflow?
Show me an example of using SearchBar
Select your agent
Option 1: Install via CLI (recommended)
Recommended (no pre-install needed)
npx clawhub@latest --dir ~/.claude/skills install searchbarOr via clawhub CLI (if already installed)
clawhub --dir ~/.claude/skills install searchbarβ οΈ Requires Node.js 18+. No Node? Use Option 2 below to download the ZIP instead. Install Node.js β
Option 2: Manual install (no Node required)
Download the ZIP, extract it, and place the folder at the path below. Restart your agent to activate.
Install path
~/.claude/skills/searchbar/π‘Extract and place the folder at the path above, then restart your agent.