Anatomy of AI Input
ibelick.com · 1,133 words · saved by 1 readers
Understanding the structure of an AI input.
Anatomy of AI Input Anatomy of AI Input Input Field Context Bar Tool Triggers Attachment Zone Assist Layer Message Controls State Layer Edge Cases Anatomy of AI Input I've been building AI inputs for months now. I call this component prompt-input in prompt-kit , my library of components for AI applications. When ChatGPT launched in November 2022, the input field was simple, just a textbox and a button to send. Three years later, the input in AI products does a lot more than just send text. Here's how an AI input actually works, layer by layer. Input Field The input starts with a simple field w
saved by
related reading
- The Shape of AI | UX Patterns for Artificial Intelligence Designshapeof.ai
- Agentationagentation.dev
- AI Elementselements.ai-sdk.dev
- Why Chatbots Are Not the Future of Interfaceswattenberger.com
- aiverse • Playbook for designing AI productsaiverse.design
- Agentationagentation.com
- Cookbookcookbook.openai.com
- There's An AI For That® — The front page of AItheresanaiforthat.com
- AI Interaction Atlas - Open Source AI UX Referenceai-interaction.com
- GitHub - x1xhlol/system-prompts-and-models-of-ai-tools: FULL Augment Code, Claude Code, Cluely, CodeBuddy, Comet, Cursor, Devin AI, Junie, Kiro, Leap.new, Lovable, Manus, NotionAI, Orchids.app, Perplexity, Poke, Qoder, Replit, Same.dev, Trae, Traycer AI, VSCode Agent, Warp.dev, Windsurf, Xcode, Z.ai Code, Dia & v0. (And other Open Sourced) System Prompts, Internal Tools & AI Modelsgithub.com
- We build AI that works for humans - Imbueimbue.com
- Interactions by Nitish Khagwalkhagwal.com