✳flâneur — a map of the web's best reading
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
Explore this link on the map →saved by
related reading
- The Shape of AI | UX Patterns for Artificial Intelligence Designshapeof.ai
- Web Interface Guidelinesvercel.com
- AI Elementselements.ai-sdk.dev
- Why Chatbots Are Not the Future of Interfaceswattenberger.com
- Cookbookcookbook.openai.com
- There's An AI For That® — The front page of AItheresanaiforthat.com
- GitHub - brexhq/prompt-engineering: Tips and tricks for working with Large Language Models like OpenAI's GPT-4. · GitHubgithub.com
- Parsed | Custom, interpretable AI systems that continuously learnparsed.com
- aiverse • Playbook for designing AI productsaiverse.design
- 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, Tragithub.com
- Prompt Engineering | Kagglekaggle.com
- performative-ui | AI-native React Componentsvorpus.github.io