# AI Slash Commands

Command palette that drops down when typing / in the composer of an assistant or engineering chat.

- id: `ai-slash-commands`
- Page: https://agentic-ui-kit.com/components/ai-slash-commands
- Live preview: https://agentic-ui-kit.com/live/component/ai-slash-commands

## Install

```bash
agentic-ui add ai-slash-commands
npx shadcn@4.17.0 add @agentic-ui/ai-slash-commands
```

## Metadata

- **Level:** block
- **Category:** block
- **Installable in:** Radix UI (registry variant new-york)
- **Capabilities:** slash-trigger, command-filtering, parameter-prompts, argument-execution, category-tabs, keyboard-navigation, roving-selection, tool-integration, empty-state, gated-disabled-state, screen-reader-announcer, responsive-layout
- **Intents:** communicate, execute-flow, navigate, converse, orchestrate-agents
- **Suits domains:** ai-workspace, ai-agents, devtools, knowledge, project-management, saas
- **Interaction:** slash-trigger, filter-commands, keyboard-navigation, select-command, fill-parameters, execute-command
- **Screen role:** flow
- **Density:** compact
- **Dark mode:** yes
- **Use it for:** command palette that drops down when typing / in the composer of an assistant or engineering chat, menu for invoking external tools, MCP calls and subagents in an AI work environment, quick selector to change the model, adjust temperature or reset the context of a conversation, panel of shortcuts and utilities to generate summaries, refactor code or create test suites
- **Avoid when:** global search of entities across the whole system without chat interaction (use search-global-palette), selecting files or context attachments for a prompt (use ai-context-picker), generic application context menu without prompt or agent context (use dropdown-menu)
- **Preserve when adapting:** combobox-keyboard-contract, roving-selection-and-active-descendant, parameter-prompt-interaction, aria-live-announcements, f04-design-tokens
- **Replace when adapting:** command-catalog-list, category-labels-and-icons, parameter-definitions, execution-handler
- **Adaptation effort:** low
- **Coupling:** low
- **Quality score:** 9.2/10
- **Quality breakdown:** visual 9/10, responsive 9/10, accessibility 9/10, code 9/10
- **Uses primitives:** badge, button, input
- **Motion:** profile subtle, library css, reduced-motion fallback yes
- **npm dependencies (registry):** lucide-react@0.577.0
- **Registry dependencies:** lib-primitives