# AI Prompt Composer

AI agent workspace with contextual mentions of specialized agents and command execution.

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

## Install

```bash
agentic-ui add ai-prompt-composer
npx shadcn@4.17.0 add @agentic-ui/ai-prompt-composer
```

## Metadata

- **Level:** block
- **Category:** block
- **Installable in:** Radix UI (registry variant new-york)
- **Capabilities:** prompt-input, file-attachments, drag-and-drop-upload, mention-autocomplete, slash-commands-palette, model-selection, token-estimation, stop-generation, error-recovery, keyboard-navigation
- **Intents:** communicate, generate-content, converse, execute-flow
- **Suits domains:** ai-workspace, ai-agents, devtools, project-management, support
- **Interaction:** type-prompt, attach-files, mention-resources, execute-slash-commands, select-model, stop-generation, keyboard-navigation
- **Screen role:** communication
- **Density:** medium
- **Dark mode:** yes
- **Use it for:** AI agent workspace with contextual mentions of specialized agents and command execution, Development console for AI-assisted debugging with attached logs and architecture diagrams, Customer support inbox to draft quick replies and run automated flows with slash commands, Collaborative task manager with spec generation commands and resource mentions
- **Avoid when:** Static single-field forms that require no AI or interactive commands, Simple search fields where a standard text input is enough, Rich text or WYSIWYG editing environments for long documents
- **Preserve when adapting:** keyboard-contract, mention-and-command-popover-behavior, file-attachment-flow, stop-generation-pattern
- **Replace when adapting:** domain-copy, mention-items, command-palette-entries, model-options
- **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:** button, badge
- **npm dependencies:** lucide-react
- **Motion:** profile subtle, library css, reduced-motion fallback yes
- **npm dependencies (registry):** lucide-react@0.577.0
- **Registry dependencies:** lib-primitives