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
- Web Interface Guidelinesvercel.com
- The Shape of AI | UX Patterns for Artificial Intelligence Designshapeof.ai
- Why Chatbots Are Not the Future of Interfaceswattenberger.com
- Using AI as a Design Engineerjakub.kr
- AI Design Field Guideaidesignfieldguide.com
- Natural Language Is an Unnatural Interfacevarunshenoy.substack.com
- AI Design Field Guideaidesignfieldguide.com
- Effective context engineering for AI agents \ Anthropicanthropic.com
- GitHub - brexhq/prompt-engineering: Tips and tricks for working with Large Language Models like OpenAI's GPT-4.github.com
- Thoughts on conversational UI | Austin Yangaustinyang.co
- Prompt generation | OpenAI APIplatform.openai.com
- Designing beneath the surface: The layers of AiUXshapeofai.substack.com