command-palette

A keyboard-opened search overlay for navigating routes and finding database records in an application. Users open it with Cmd+K on macOS or Ctrl+K on Windows and Linux.

In plain words
What is it for?
Use it to add command-palette navigation and search to a LiveView application. It can search routes without extra setup, while record search requires schemas to already use Flop, a library for validating and running database queries.
Why use it?
It gives users one fast way to reach pages and searchable records without clicking through a growing navigation menu.

Skill for Claude CodeCodex

Install

Getting it into your agent

One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.

agentmods
npx agentmods add skills/fullstack-phoenix/saas_kit/command-palette
Any agent
npx skills add fullstack-phoenix/saas_kit --skill command-palette
Clone the repo
git clone --depth 1 https://github.com/fullstack-phoenix/saas_kit

Made for: Claude Code, Codex.

Per session 45 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.
When invoked 1,277 The whole file, excluding the scripts and references it only reads on demand.
Security scan A 0 findings. Scan, not verified.
Origin original No closer match found in the catalogue.
Token cost

What it costs to keep this loaded

Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.

ModelPer sessionOnce invoked
Fable 5 $0.00045 $0.01277
Opus 5 $0.00023 $0.00639
Sonnet 5 $0.00009 $0.00255
Haiku 4.5 $0.00005 $0.00128

Measured 2d ago against content hash 844b4a0c8206, method: parsed. Prices are Anthropic first-party input rates as of 2026-08-30, from the pricing page.

Security

Grade A, and why

command-palette scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 2d ago.

A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.

Nothing flagged

None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.

skills/command-palette/SKILL.md · 130 lines

How it starts

The opening of the file, as written. The whole thing — 130 lines — stays where its author put it; the contents beside it link to each section on GitHub.

Command Palette

Adds a keyboard-driven command palette to the app. Press Cmd+K (macOS) or Ctrl+K (Windows/Linux) to open an overlay that searches routes and database records, then jumps to the result. It ships as a live_rendered LiveView mounted in the root layout, a CommandPalette search module with per-context scopes (app, and admin when present), and a CommandPalette.Format protocol you implement to make any schema searchable.

When to use

  • The app has grown enough navigation that users want a fast keyboard shortcut to jump between pages.
  • You want a single search box over both routes and records (users, posts, teams).
  • Don't reach for it on a tiny one- or two-page app — a nav bar is enough.

Dependencies

  • Requires: None.
  • Recommended: None. Record search uses Flop (Flop.validate_and_run/3), so schemas you want searchable must already be Flop-configured. Routes-only search needs nothing extra.

Install

mix saaskit.feature.install command_palette

No installer decisions. The task wires up the JS hook and hotkeys.js vendor file, generates the CommandPalette modules, mounts the LiveView in the root layout, and injects a search button after the theme toggle in the app (and admin) layouts.

What it generates

  • lib/my_app_web/command_palette/command_palette.exMyAppWeb.CommandPalette, the search entry point. Holds @possible_contexts, routes/1, and schemas/1.
  • lib/my_app_web/command_palette/format.ex — the MyAppWeb.CommandPalette.Format protocol plus default impls for Map (routes) and MyApp.Users.User.
  • lib/my_app_web/command_palette/result.exResult struct wrapping each hit (:record, :type, :first_type, :index).
  • lib/my_app_web/live/command_palette_live.ex — the palette LiveView.
  • assets/js/hooks/command_palette.js + assets/vendor/hotkeys.js — the JS hook and key-binding library; wired into assets/js/hooks/index.js and app.js.
  • Mounts live_render(..., MyAppWeb.Live.CommandPaletteLive, ...) in lib/my_app_web/components/layouts/root.html.heex and adds the ⌘K button to the app/admin layouts.
  • Tests under test/my_app_web/.

Read the full file on GitHub · 130 lines

Changes

What this file has done since we first saw it

Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.

  1. 2d ago First seen · 130 lines · 45 tokens per session scan A 844b4a0c8206

Subscribe to this mod's changes

command-palette is a skill published in the GitHub repository fullstack-phoenix/saas_kit (2 stars, last pushed 2mo ago), licensed MIT. It adds 45 tokens to every session and 1,277 once invoked, about $0.0002 per session on Opus 5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-31.

Related

Other skills, from other repositories

systematic-debugging

Use when encountering any bug, test failure, or unexpected behavior, before proposing fixes.

obra/superpowers · 21 tokens

brainstorming

You MUST use this before any creative work - creating features, building components, adding functionality, or modifying behavior. Explores user intent, requirements and design before implementation.

obra/superpowers · 37 tokens

chat-pet-sprite-creation

Use when creating or changing VS Code chat pet sprite art, sprite sheets, state animations, eye treatments, Stable/Insiders variants, or pet transitions under src/vs/workbench/contrib/chat/browser/widget/media/chatPet.

microsoft/vscode · 53 tokens

cpu-profile-analysis

Analyze V8/Chrome CPU profiles (.cpuprofile) and DevTools trace files (Trace-.json). Use when: profiling performance, investigating slow functions, comparing code paths, finding bottlenecks, analyzing timeToRequest, understanding call trees from sampling profiler data, analyzing layout/paint/rendering, investigating…

microsoft/vscode · 71 tokens

agent-host-chat-contributions

Build and review cross-cutting agent-host chat behavior through lifecycle contributions. Use when adding turn lifecycle side effects, prompt or context injection, restored-history transformation, protocol-action observation, or when reviewing changes that add code to AgentSideEffects or AgentService.

microsoft/vscode · 56 tokens

auto-perf-optimize

Run agent-driven VS Code performance or memory investigations. Use when asked to launch Code OSS, automate a VS Code scenario, run the Chat memory smoke runner, capture renderer heap snapshots, take workflow screenshots, compare run summaries, or drive a repeatable scenario before heap-snapshot analysis.

microsoft/vscode · 62 tokens