<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:content="http://purl.org/rss/1.0/modules/content/"
     xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:atom="http://www.w3.org/2005/Atom">
  <channel>
    <title>AI Made This — Blog</title>
    <link>https://aimadethis.design/articles.html</link>
    <atom:link href="https://aimadethis.design/feed.xml" rel="self" type="application/rss+xml"/>
    <description>Observations on AI UX, vibe coding, and the state of AI — written for designers.</description>
    <language>en</language>
    <lastBuildDate>Wed, 22 Jul 2026 00:00:00 +0000</lastBuildDate>
    <image>
      <url>https://aimadethis.design/images/favicon.png</url>
      <title>AI Made This — Blog</title>
      <link>https://aimadethis.design/articles.html</link>
    </image>
    <item>
      <title>AI UX Glossary (beginner friendly)</title>
      <link>https://aimadethis.design/blog/ai-ux-glossary-beginner-friendly.html</link>
      <guid isPermaLink="true">https://aimadethis.design/blog/ai-ux-glossary-beginner-friendly.html</guid>
      <pubDate>Wed, 22 Jul 2026 00:00:00 +0000</pubDate>
      <dc:creator>Živilė Mia</dc:creator>
      <category>Glossary</category>
      <description>33 AI terms explained in plain English, for designers, product managers, and anyone working with AI.</description>
      <enclosure url="https://aimadethis.design/images/blog/ux-glossary-beginner-friendly.jpg" length="116921" type="image/jpeg"/>
      <content:encoded><![CDATA[<img class="article-cover" src="https://aimadethis.design/images/blog/ux-glossary-beginner-friendly.jpg" alt="Article cover: the words “AI UX glossary” in large serif type under a “Beginner friendly” pill, on a lime-green gradient." width="1758" height="1064" fetchpriority="high" decoding="async"><p>Acronyms and insider jargon have a way of splitting a room: either you&#39;re in the club or you&#39;re quietly nodding along. I have a low tolerance for acronyms, and this happens to be one of the few things Elon Musk and I see eye to eye on. He sent out a memo banning unnecessary acronyms and &quot;nonsense words&quot; at Tesla and SpaceX, on the grounds that people shouldn&#39;t need to memorise a glossary before they can do their job.</p>
      <p>Anyway.</p>
      <p>Below is a list of common AI terminology, explained in plain English with practical examples. If you work in design or product, you don&#39;t need the math. But knowing what these words mean is the difference between taking part in the conversation and just following along.</p>
      <h2 id="agi-artificial-general-intelligence">AGI (Artificial General Intelligence)</h2>
      <p>A hypothetical future AI that matches human capability across any task: not narrowly good at writing or image recognition, but flexible and self-directed. We&#39;re nowhere near it, and experts can&#39;t agree on when, or if, we&#39;ll get there.</p>
      <p class="article-example"><strong>Example:</strong> Today&#39;s AI is exceptional at some things and hopeless at others. AGI would pick up a new skill, move through the physical world, reason when information is incomplete, and make ethical calls. Everything a person can do.</p>
      <h2 id="agent-agentic-workflow">Agent / Agentic workflow</h2>
      <p>An agent doesn&#39;t just answer. It takes a sequence of actions to finish a job for you. An agentic workflow is what happens when you hand over an entire task and the AI works out the steps, picks its tools, checks its own results, and keeps going until it&#39;s done.</p>
      <p class="article-example"><strong>Example:</strong> You ask an AI to &quot;plan my team&#39;s quarterly offsite.&quot; Rather than handing you a checklist, it looks at your calendar, researches venues, drafts an agenda, and sends the invites, with no further input from you.</p>
      <h2 id="agent-skills">Agent skills</h2>
      <p>Reusable, self-contained abilities you plug into an agent so it can handle particular jobs, a bit like apps on a phone. They can be combined to build more capable agents.</p>
      <p class="article-example"><strong>Example:</strong> Claude has a design skill that reads your Figma files, picks up component names and styles, and generates code matching your existing design system instead of inventing components from nothing.</p>
      <h2 id="ai-assistant">AI assistant</h2>
      <p>A product built to help you get things done through conversation: answering questions, drafting content, managing tasks. The &quot;assistant&quot; label usually signals that it waits for instructions rather than acting on its own.</p>
      <p class="article-example"><strong>Example:</strong> Claude, ChatGPT, and Gemini are assistants. You ask, they answer. An agent, by contrast, might take action before you&#39;ve asked.</p>
      <h2 id="ai-experience-design-aix">AI experience design (AIX)</h2>
      <p>The practice of designing how people experience AI products. Not only the UI, but how the system communicates uncertainty, handles failure, earns trust, and sets realistic expectations.</p>
      <p class="article-example"><strong>Example:</strong> Good AIX might mean a confidence indicator on outputs, an explanation of why a recommendation was made, or a graceful response when the AI simply doesn&#39;t know.</p>
      <h2 id="ai-slop">AI slop</h2>
      <p>Generic, low-effort content that&#39;s obviously machine-generated with no human thought or editing behind it. Technically fine, but hollow, repetitive, and impersonal.</p>
      <p class="article-example"><strong>Example:</strong> A blog where every article opens with &quot;In today&#39;s fast-paced digital world...&quot; and says nothing new, each one produced in 30 seconds and never touched by a human.</p>
      <h2 id="anthropomorphism">Anthropomorphism</h2>
      <p>Treating AI as though it has feelings, opinions, or intentions. It&#39;s an instinctive response, especially when a product is designed to sound warm, but it can push users toward overtrust or unhealthy attachment.</p>
      <p class="article-example"><strong>Example:</strong> Assistants are often built to be friendly, use your name, and respond with empathy. That&#39;s good UX. But some people start to feel real companionship, share personal struggles, and feel genuinely stung when the AI &quot;doesn&#39;t care.&quot; Designers are increasingly on the hook for that dynamic.</p>
      <h2 id="api-application-programming-interface">API (Application Programming Interface)</h2>
      <p>The invisible pipe connecting two pieces of software. When a product &quot;uses AI,&quot; it&#39;s almost always calling an AI company&#39;s API, sending a request and getting a response. You pay per use, which turns cost into a genuine design constraint.</p>
      <p class="article-example"><strong>Example:</strong> Type into a support chatbot and your message goes to OpenAI&#39;s or Anthropic&#39;s API, comes back with an answer, and appears on screen, all within seconds.</p>
      <h2 id="claude-code">Claude Code</h2>
      <p>Anthropic&#39;s coding tool that lives in your terminal or editor. It writes, edits, explains, and debugs code, runs commands, and manages entire projects. Closer to a junior developer than an autocomplete.</p>
      <p class="article-example"><strong>Example:</strong> A designer describes a component in plain English; Claude Code writes the React component, creates the file, and drops it in the right folder. No manual coding.</p>
      <h2 id="context-window">Context window</h2>
      <p>How much text an AI can hold in view during a single conversation. Think short-term memory: anything that falls outside the window is gone.</p>
      <p class="article-example"><strong>Example:</strong> Paste a 200-page report into a model with a small context window and it might only take in the first 50 pages. A bigger window means the whole document stays in mind.</p>
      <h2 id="copilot">Copilot</h2>
      <p>A design pattern (and Microsoft&#39;s brand name) for AI that works next to you rather than instead of you, suggesting, assisting, speeding you up, while you keep the final say.</p>
      <p class="article-example"><strong>Example:</strong> GitHub Copilot proposes the next lines as a developer types. Microsoft Copilot drafts a paragraph in Word when you&#39;re stuck. Accept, reject, or edit. The decision stays yours.</p>
      <h2 id="eval-evaluation">Eval (Evaluation)</h2>
      <p>A test that checks whether your AI is performing well. Evals are how teams measure accuracy, tone, safety, and helpfulness before and after changing a model or prompt. A typical eval has four parts: test inputs, the AI&#39;s responses, expected answers to compare against, and a scoring method.</p>
      <p class="article-example"><strong>Example:</strong> Before shipping a new version of your support bot, you run it against 500 real past conversations to see whether it beats the old one, scoring accuracy, tone, and how often it stayed away from hallucinating.</p>
      <h2 id="feedback-loop">Feedback loop</h2>
      <p>The system that lets users flag whether a response was good or bad, and feeds that signal back into improving the model. Thumbs up/down is the simplest version.</p>
      <p class="article-example"><strong>Example:</strong> Every 👍 or 👎 on a ChatGPT response feeds the loop. Across millions of interactions, those signals teach the model what people actually find useful.</p>
      <h2 id="genai-generative-ai">GenAI (Generative AI)</h2>
      <p>AI that produces new content (text, images, video, audio, code) instead of only analysing or classifying what already exists. It&#39;s the category covering ChatGPT, Midjourney, and Claude. When people say &quot;AI&quot; in a product or design context today, this is nearly always what they mean.</p>
      <p class="article-example"><strong>Example:</strong> You type a brief into Midjourney and get a mood board image that didn&#39;t exist a moment ago. You describe a user flow to Claude and it writes the copy for every screen. Neither is retrieving something. Both are making something.</p>
      <h2 id="gen-ui-generative-ui">Gen UI (Generative UI)</h2>
      <p>When AI builds the interface itself (buttons, maps, cards, layouts) on the fly, based on what you asked, rather than serving a screen designed in advance. The interface forms around the content.</p>
      <p class="article-example"><strong>Example:</strong> Ask &quot;where&#39;s a good coffee shop near me?&quot; and instead of text you get a live map with pins. Ask for hotels in Lisbon and instead of a list you get cards with photos, prices, and ratings, assembled in the moment for that specific question.</p>
      <h2 id="guardrails">Guardrails</h2>
      <p>The rules and limits built into an AI product to keep it from going off-script: dangerous advice, off-brand tone, embarrassing statements. The product&#39;s code of conduct.</p>
      <p class="article-example"><strong>Example:</strong> A children&#39;s education app sets guardrails so the AI never touches violence or adult topics, stays encouraging, and steers off-topic conversations back to learning.</p>
      <h2 id="hallucination">Hallucination</h2>
      <p>When AI states something false with total confidence: a made-up statistic, a person who doesn&#39;t exist, a wrong date. It isn&#39;t lying. It&#39;s pattern-matching into convincing nonsense.</p>
      <p class="article-example"><strong>Example:</strong> You ask for sources to back a claim and get three plausible academic papers that were never written, complete with invented authors and journals.</p>
      <h2 id="human-in-the-loop-hitl-supervisor">Human-in-the-loop (HITL) / Supervisor</h2>
      <p>A pattern where a person reviews or approves an AI action before it happens. Essential for high-stakes moments where a mistake would be costly or humiliating.</p>
      <p class="article-example"><strong>Example:</strong> An AI drafts a refund response to an angry customer, but a human support agent reads it and clicks &quot;approve&quot; before it sends. The AI drafts; the human makes the judgment call.</p>
      <h2 id="llm-large-language-model">LLM (Large Language Model)</h2>
      <p>The engine underneath most AI tools you use. It&#39;s trained on enormous quantities of text to predict what comes next, an approach that turns out to be remarkably good at understanding and producing language.</p>
      <p class="article-example"><strong>Example:</strong> ChatGPT, Claude, and Gemini are all products sitting on top of LLMs. The LLM is the brain; the chat interface or app is the body.</p>
      <h2 id="mcp-model-context-protocol">MCP (Model Context Protocol)</h2>
      <p>A universal plug standard letting AI connect to different tools and data sources. USB-C, but for AI. Rather than every app building its own custom connector from scratch, MCP makes those connections reusable.</p>
      <p class="article-example"><strong>Example:</strong> Thanks to MCP, Claude can talk to your Notion, Gmail, and Google Calendar at once, instead of needing a separate bespoke integration for each.</p>
      <h2 id="memory">Memory</h2>
      <p>An AI&#39;s ability to hold onto things between conversations, not just inside one. It can be built in or layered on top, and it&#39;s what makes an assistant feel persistent rather than like a stranger you meet again every time.</p>
      <p class="article-example"><strong>Example:</strong> You mention that you prefer short bullet-point answers. A week later, unprompted, it&#39;s still answering in bullets.</p>
      <h2 id="openai-codex">OpenAI Codex</h2>
      <p>OpenAI&#39;s model built specifically for reading and writing code. It powers GitHub Copilot and turns natural-language descriptions into working code across many languages.</p>
      <p class="article-example"><strong>Example:</strong> A PM types &quot;create a function that takes a list of user emails and removes duplicates&quot; and Codex writes it in Python, JavaScript, or whatever the project uses.</p>
      <h2 id="prompt">Prompt</h2>
      <p>The instruction or question you send an AI. Everything you type into the chat box is a prompt. How specific and well-structured it is directly shapes what you get back.</p>
      <p class="article-example"><strong>Example:</strong> &quot;Write something about coffee&quot; is vague. &quot;Write a 200-word Instagram caption about oat milk lattes for a cosy café. Tone: warm and slightly witty.&quot; is a good prompt.</p>
      <h2 id="prompt-engineering">Prompt engineering</h2>
      <p>The craft of writing instructions that get the best possible output. It comes down to giving context, setting a role, specifying format, and offering examples. Copywriting, but for AI.</p>
      <p class="article-example"><strong>Example:</strong> Instead of &quot;write a bio,&quot; a well-engineered prompt reads: &quot;Write a 3-sentence professional bio for a UX designer with 5 years of experience. Tone: warm but confident. Audience: potential clients.&quot;</p>
      <h2 id="rag-retrieval-augmented-generation">RAG (Retrieval-Augmented Generation)</h2>
      <p>A technique that hands the AI specific documents or data at the moment it answers. An open-book exam rather than one from memory. The result is more accurate and more current.</p>
      <p class="article-example"><strong>Example:</strong> A law firm&#39;s assistant uses RAG to search a decade of internal case files before answering, instead of guessing from general knowledge.</p>
      <h2 id="sentiment-analysis">Sentiment analysis</h2>
      <p>AI reading the emotional tone behind text: positive, negative, neutral, or finer shades like frustration or delight. Useful for understanding how people feel at scale.</p>
      <p class="article-example"><strong>Example:</strong> A product team runs sentiment analysis across 10,000 app reviews and immediately catches a spike in negativity after a recent update, saving hours of manual reading.</p>
      <h2 id="skills">Skills</h2>
      <p>Predefined capabilities you hand an agent: searching the web, writing code, reading files, sending emails. Modular &quot;superpowers&quot; you mix and match by task.</p>
      <p class="article-example"><strong>Example:</strong> A design AI gets three skills: access to a Figma library for existing components, brand guidelines to stay on-brand, and an image generation tool for mockups. Together they turn a one-line brief into a full draft layout.</p>
      <h2 id="system-prompt">System prompt</h2>
      <p>Hidden instructions written by the product team before any user shows up. They set the AI&#39;s role, personality, rules, and limits. Users rarely see them, but they shape everything the AI says.</p>
      <p class="article-example"><strong>Example:</strong> A banking chatbot&#39;s system prompt might read: &quot;You are a helpful financial assistant. Never give specific investment advice. Always suggest speaking to a human advisor for complex queries. Use formal language.&quot;</p>
      <h2 id="token">Token</h2>
      <p>The unit AI uses to measure text. Not quite a word, not quite a letter. Roughly a syllable or a short word. Models cap how many tokens they can handle at once, and you&#39;re usually billed by the token. Longer prompts mean more tokens, which means higher cost.</p>
      <p class="article-example"><strong>Example:</strong> &quot;I love great design&quot; is about 5 tokens. A 10-page document might be 5,000. A 100,000-token limit is roughly a 75,000-word novel.</p>
      <h2 id="tool-calling">Tool calling</h2>
      <p>When an AI stops mid-task, reaches for an external tool (a calculator, a database, a web search), takes the result, and carries on. It&#39;s how AI moves from knowing things to doing things.</p>
      <p class="article-example"><strong>Example:</strong> You ask a design assistant to &quot;check if this button colour meets accessibility standards.&quot; It pauses, calls a contrast checker with your hex values, gets the answer, and tells you whether it passes WCAG, rather than guessing from training data.</p>
      <h2 id="training-data">Training data</h2>
      <p>The vast body of content an AI learned from: books, websites, conversations, code. What went in shapes what the model knows, what biases it carries, and where it&#39;s strong or weak.</p>
      <p class="article-example"><strong>Example:</strong> If a hiring AI trained mostly on CVs from one demographic, it may quietly favour candidates who resemble that group, even though nobody set out for that to happen.</p>
      <h2 id="vibe-coding">Vibe coding</h2>
      <p>Building software by describing what you want in plain language and letting AI write the code. You iterate through conversation instead of typing a single line yourself. Fast for prototypes, risky the moment it becomes production code without proper review.</p>
      <p class="article-example"><strong>Example:</strong> A product manager with no coding background builds a working clickable prototype of a new feature in an afternoon, just by describing it to a tool like Cursor or Bolt.</p>]]></content:encoded>
    </item>
    <item>
      <title>8 Fundamental Principles for AI UX</title>
      <link>https://aimadethis.design/blog/8-principles-for-ai-ux.html</link>
      <guid isPermaLink="true">https://aimadethis.design/blog/8-principles-for-ai-ux.html</guid>
      <pubDate>Tue, 21 Jul 2026 00:00:00 +0000</pubDate>
      <dc:creator>Živilė Mia</dc:creator>
      <category>Design</category>
      <description>A practical guide for product designers building experiences with AI.</description>
      <enclosure url="https://aimadethis.design/images/blog/8-principles-ai-ux.jpg" length="118019" type="image/jpeg"/>
      <content:encoded><![CDATA[<img class="article-cover" src="https://aimadethis.design/images/blog/8-principles-ai-ux.jpg" alt="Article cover: the words “8 AI UX Principles” in large serif type under an “AI 101” pill, on a lime-green gradient." width="1758" height="1064" fetchpriority="high" decoding="async"><p>Dieter Rams wrote his good design principles back when design meant physical objects. Don Norman helped us make sense of digital interfaces through affordances and feedback loops. Hick&#39;s Law, Fitts&#39;s Law, the Gestalt principles: all of them came from watching how people interact with the world, and all of them still hold up.</p>
      <p>But the design experience is shifting. AI doesn&#39;t only change what a product does. It changes how the interaction itself works. The system isn&#39;t simply responding anymore. It&#39;s guessing at what you want, taking actions for you, and occasionally doing things you never fully asked for.</p>
      <p>These 8 principles draw on research from Google&#39;s PAIR, Microsoft&#39;s HAX guidelines, and the emerging field of agentic AI design, written in plain language any designer can pick up and use. They apply whether you&#39;re working on a recommendation engine, a generative tool, an AI assistant, or anything in between.</p>
      <h2 id="1-start-with-a-real-problem-not-a-cool-feature">1. Start with a real problem, not a cool feature</h2>
      <p>Don&#39;t add AI because you can. Add it because it genuinely makes something easier or better. Users don&#39;t care whether something is &quot;powered by AI.&quot; They care whether it works for them. If you stripped the AI label off, would the feature still be worth building? If not, go back to the drawing board.</p>
      <p>Questions to ask:</p>
      <ul class="article-list"><li>Does this solve a problem users actually have, or one we assumed they have?</li><li>Would users notice or care if the AI wasn&#39;t there?</li><li>Have we talked to real users about whether this helps them?</li></ul>
      <h2 id="2-keep-the-human-in-charge">2. Keep the human in charge</h2>
      <p>AI should feel like a very smart assistant, not a boss. People need to feel like they&#39;re the ones making decisions and the AI is just helping them get there faster. The moment users feel something is happening to them rather than for them, you&#39;ve lost them.</p>
      <p>Questions to ask:</p>
      <ul class="article-list"><li>Can the user override, ignore, or undo what the AI does at any point?</li><li>Does the interface make it obvious that the human has the final say?</li><li>Are there moments where the AI acts without giving the user a chance to review?</li></ul>
      <h2 id="3-set-honest-expectations-from-the-start">3. Set honest expectations from the start</h2>
      <p>AI isn&#39;t magic, even when it feels like it, and users will work that out quickly if you oversell it. Help people understand what the AI is good at and where it&#39;s likely to fail, before they discover it themselves at the worst possible moment. Trust builds slowly and breaks fast.</p>
      <p>Questions to ask:</p>
      <ul class="article-list"><li>Does our onboarding explain what the AI can and can&#39;t do in plain language?</li><li>Are we showing confidence levels when the AI is unsure, instead of always sounding certain?</li><li>What happens when a user trusts the AI too much and it gets something wrong?</li></ul>
      <h2 id="4-make-intent-explicit-ask-before-acting">4. Make intent explicit: ask before acting</h2>
      <p>Don&#39;t let the AI guess, especially when something important is at stake. Start with suggestions before actions. For bigger tasks, be upfront about what the AI is going to do, what it won&#39;t touch, and what needs approval before anything happens.</p>
      <p>Questions to ask:</p>
      <ul class="article-list"><li>Does the AI ask clarifying questions before taking on complex or important tasks?</li><li>Do users know exactly what the AI is about to do before it does it?</li><li>Are there clear limits on what the AI can act on without explicit permission?</li></ul>
      <h2 id="5-be-transparent-where-it-changes-what-users-do">5. Be transparent where it changes what users do</h2>
      <p>Background AI can be invisible, and that&#39;s completely fine. A recommendation algorithm quietly doing its job doesn&#39;t need a label. But when AI shapes a decision the user cares about, they should be able to understand why it happened and opt out if they want.</p>
      <p>Questions to ask:</p>
      <ul class="article-list"><li>Do users know when AI is influencing what they see or what happens next?</li><li>Is there a clear, accessible way to find out why the AI made a specific suggestion?</li><li>Can users opt out of AI features they don&#39;t want?</li></ul>
      <h2 id="6-give-users-real-control-over-high-stakes-decisions">6. Give users real control over high-stakes decisions</h2>
      <p>Some decisions are too important to happen automatically. When an action is irreversible or consequential, like deleting data, sending a message, or making a financial decision, design for proper human review. Make it visible, make it clear, and make sure the user is genuinely the one deciding.</p>
      <p>This is not the same as adding a confirmation dialog. It&#39;s about making sure users actually understand what they&#39;re confirming, and that they have everything they need to make the call themselves.</p>
      <p>Questions to ask:</p>
      <ul class="article-list"><li>Have we identified which actions in our product are high-stakes or irreversible?</li><li>Are we giving users a real preview of what will happen, not just &quot;are you sure?&quot;</li><li>Does the user have enough information at this moment to make a genuinely informed decision?</li></ul>
      <h2 id="7-make-it-easy-to-fix-mistakes">7. Make it easy to fix mistakes</h2>
      <p>AI will get things wrong. That&#39;s not a bug, it&#39;s just reality. What matters is how easily those mistakes can be caught and corrected. If fixing an error feels like more work than doing the task manually, users will stop trusting the feature altogether.</p>
      <p>Graceful failure is a design skill. The best AI experiences don&#39;t hide errors or pretend they didn&#39;t happen. They surface them clearly and make correction feel effortless.</p>
      <p>Questions to ask:</p>
      <ul class="article-list"><li>How many steps does it take to undo or correct what the AI did?</li><li>Is it obvious when the AI is uncertain or might be wrong?</li><li>Does every AI action have a clear fallback or recovery path if it fails?</li></ul>
      <h2 id="8-create-feedback-loops">8. Create feedback loops</h2>
      <p>Every AI output needs a way for users to say &quot;this was wrong&quot; or &quot;this helped.&quot; That loop is what rebuilds trust when things go badly, makes users feel heard, and improves the product over time. If users can&#39;t talk back to the AI, they&#39;ll just walk away from it.</p>
      <p>Feedback mechanisms don&#39;t have to be complicated. A thumbs up, a simple edit, a &quot;why did this happen?&quot; link: small signals add up to a much stronger product over time, and they tell users that someone is actually listening.</p>
      <p>Questions to ask:</p>
      <ul class="article-list"><li>Is there a simple way for users to rate, correct, or flag any AI output?</li><li>Do we have a way for users to understand why the AI did what it did?</li><li>Are we actually using that feedback to improve things, or just collecting it?</li></ul>
      <p>These principles aren&#39;t final. As AI changes, some of this will need updating. What matters today might matter less tomorrow, and we&#39;ll run into new problems nobody has thought of yet. But they work for building AI products right now.</p>
      <p>The design field is learning as it goes. We&#39;re all figuring out what works together, in real time. One thing stays the same though: it&#39;s still about the person using your product. Keep the human in the loop, yes, but more than that, keep them at the centre. In the end it comes down to trust. Earn it and you have something people actually use. Skip it and you have another feature nobody cares about.</p>]]></content:encoded>
    </item>
    <item>
      <title>From ugly prototype to polished tool: my vibe coding process</title>
      <link>https://aimadethis.design/blog/my-vibe-coding-process.html</link>
      <guid isPermaLink="true">https://aimadethis.design/blog/my-vibe-coding-process.html</guid>
      <pubDate>Mon, 20 Jul 2026 00:00:00 +0000</pubDate>
      <dc:creator>Živilė Mia</dc:creator>
      <category>Workflow</category>
      <description>How I built an email signature generator using Claude, ChatGPT, and Codex, without writing a single line of code myself.</description>
      <enclosure url="https://aimadethis.design/images/blog/vibe-coding-process.png" length="186257" type="image/png"/>
      <content:encoded><![CDATA[<img class="article-cover" src="https://aimadethis.design/images/blog/vibe-coding-process.png" alt="Screenshot of the finished Email Signature Builder: a mock Gmail compose window previewing a dark signature card, beside a style panel with colour themes, font picker and export buttons." width="3576" height="1920" fetchpriority="high" decoding="async"><p>Vibe coding tools and projects is my happy place. I could do this for hours. I&#39;ve built pages before with HTML/CSS, but AI has handed me new powers, and now all my ridiculous tool/product/app ideas can actually go live.</p>
      <p>I recently built an email signature generator. If you&#39;re a professional or a business owner, a branded signature matters for trust and credibility. But anyone who&#39;s tried to make one knows most providers don&#39;t make it easy.</p>
      <p>There are third-party solutions and templates out there, though design-wise most of them look clunky. So as a designer my next thought was obvious: why don&#39;t I build one?</p>
      <p>The idea is simple. A well-designed template, basic customization, easy content editing, and a one-click way to copy it into your email provider. Clean, simple, works across providers, looks good on mobile, and doesn&#39;t scream &quot;this was vibe-coded.&quot;</p>
      <p>So I started building. I&#39;m not a technical person. I know a bit of HTML/CSS and what good design looks like, so the MVP had to be minimal. No scary words like API, database, PR, git, or terminal. Those are future-me problems.</p>
      <h2 id="process">Process</h2>
      <ol class="article-list article-list--num"><li>Vibe code the first prototype. Quick, dirty, ugly. We&#39;re thinking about functionality here, not polishing the UI. Lovable, Replit, Claude, or something similar, just to get something working.</li><li>Brainstorming. Share the prototype with Claude and/or ChatGPT (HTML, screenshot, or link), explain what I&#39;m building, ask for feedback on what&#39;s missing and what could be improved. During this phase I&#39;m thinking about MVP scope and UX. It has to be simple and light. The goal is a working tool quickly, with fewer but better-quality features. I dismiss suggestions that are too complex or just unnecessary for the first iteration.</li><li>Build. Once I had the feature list, I asked Claude and/or ChatGPT to build the HTML. I can&#39;t comment on code quality, but the UI at this stage was drastically better, and Claude was clearly superior here. So now I&#39;ve got the meat. Time to iterate and polish.</li><li>Polishing. This is the trickiest stage and it took far more time than it should have. I maxed out the limits multiple times and kept jumping between Claude and Codex. The hard part is that even with a plan, the plan is never perfect. I kept coming up with improvements along the way. The classic drill: add, remove, make bigger, replace, repeat.</li><li>UI. As a designer, I couldn&#39;t go with default purple gradients or generic Claude UI, so this stage also took some time. Mostly research on Pinterest for inspiration and shadcn/ui for structure. In general the UI was built with clear, specific instructions rather than vibes like &quot;make it minimal/clean/modern,&quot; which usually produce a very generic look.</li><li>Check-up. Once I was more or less happy with the tool, I asked both Claude and ChatGPT to review the code and functionality: clean up code, check best practices, that sort of thing. Running this on both is genuinely useful because they end up checking each other&#39;s mistakes. There were cases where ChatGPT couldn&#39;t fix mobile behaviour even with detailed instructions. I took the code to Claude and it fixed it immediately.</li><li>Testing. Since my tool is an email signature generator, I had to test how it actually works in real life: on different email providers, how it behaves when you add the signature, and how it looks on the receiver&#39;s side. This part seems easier than it is, because an email signature isn&#39;t rendered the same way as regular HTML across providers. Broken UI, different colours, missing icons, broken layout on mobile, to name a few. I took the issues I found back to Claude/ChatGPT and fixed them through further iterations.</li></ol>
      <h2 id="lessons-learned">Lessons learned</h2>
      <p>Literally, just ask. You don&#39;t need to know all the technicalities, best practices, and solutions. Stuck on something? Delegate the problem to AI.</p>
      <p>Brutally cut the scope. AI amplifies the temptation to add every bell and whistle, but don&#39;t. At least not for V1. It only creates more problems to solve.</p>
      <p>Use both Claude and ChatGPT. It felt like having two colleagues. If one gets tired (aka hits the token limit), I bring the code to the other. If I don&#39;t like a proposed solution, I go for a second opinion.</p>
      <p>Vibe coding something to production can genuinely be a single-prompt affair if all you need is a memory game for your grandma. But building something decent still takes time. It&#39;s the thinking, the crafting, the designing of the experience. That&#39;s the part I actually enjoy, and honestly, that part hasn&#39;t changed with AI. The tools are new, the process is the same.</p>
      <p>Hope this was helpful. Feel free to test and use it yourself, and let me know how it went in the comments.</p>
      <p class="article-cta"><a href="https://signature.aimadethis.design/" target="_blank" rel="noopener">Try the email signature generator <span class="arrow">↗︎</span></a></p>]]></content:encoded>
    </item>
    <item>
      <title>Why AI robots look like humans? (and couldn&#39;t we come up with something better?)</title>
      <link>https://aimadethis.design/blog/why-ai-robots-look-like-humans.html</link>
      <guid isPermaLink="true">https://aimadethis.design/blog/why-ai-robots-look-like-humans.html</guid>
      <pubDate>Sat, 11 Oct 2025 00:00:00 +0000</pubDate>
      <dc:creator>Živilė Mia</dc:creator>
      <category>Opinion</category>
      <description>Sometimes a random question pops into my head and I just need to figure it out. This was one of those times — so why the humanoid robots and can&#39;t we design something better?</description>
      <enclosure url="https://aimadethis.design/images/blog/why-ai-robots-look-like-humans.jpg" length="127411" type="image/jpeg"/>
      <content:encoded><![CDATA[<img class="article-cover" src="https://aimadethis.design/images/blog/why-ai-robots-look-like-humans.jpg" alt="Article cover: a white humanoid robot with glasses, bushy eyebrows and a moustache posing thoughtfully on a blue-purple background, beside the words “Why robots look like humans?”" width="1536" height="1024" fetchpriority="high" decoding="async"><p>Sometimes a random question pops into my head and I just need to figure it out. This was one of those times — so why the humanoid robots and can&#39;t we design something better?</p>
      <p>I saw this video the other day Is the Figure 03 Robot Ready to Clean Your House? A tall, sleek humanoid robot walking around, moving its fingers, folding laundry, trying to act natural. Weird to see in action, if you ask me, but that&#39;s another topic. This got me thinking: do these robots really have to look like us? Is that intentional? They look kind of awkward, so can&#39;t we design something better than humans? Or, to put it a more human-friendly way — isn&#39;t there a more efficient way to design machines that help us? So I got curious and decided to dig into it a bit.</p>
      <h2 id="the-world-is-built-for-humans">The world is built for humans</h2>
      <p>From Tesla&#39;s Optimus to Figure 03, today&#39;s most hyped robots look like us. Two arms, two legs, five fingers, a head. Sometimes even features that resemble eyes and a mouth — creepy. And that is not intentional in a sense that they are trying to build a human replica (or are they?). It is because the world was simply designed for the human body.</p>
      <p>Our homes, offices, and cities follow design ergonomics based on how humans reach, grip, move, and interact with objects. Everything from light switches to kitchen drawers, doorknobs, chairs, and stairs assumes a certain height, range of motion, and dexterity. If a robot needs to operate in this environment without redesigning the entire space, it has to mimic the human form.</p>
      <p>Take a simple example from one of Tesla&#39;s Optimus demos, where the humanoid was working as a bartender. The counter height, the size of the glass, and the placement of tap handles were all designed for human ergonomics. The robot did not need to be shaped like a person for the task itself, but it had to fit into a space designed entirely around human bodies.</p>
      <h2 id="some-robots-dont-bother-mimicking">Some robots don&#39;t bother mimicking</h2>
      <p>But not all robots are trying to pass as people.</p>
      <p>Plenty are designed solely for their task. Boston Dynamics&#39; Spot, for example, is a four-legged robot-dog built for rough terrain, inspection, and emergency response. It doesn&#39;t need arms — it needs agility. Your favorite Roomba is just a simple rolling disc that vacuums floors. In warehouses, you&#39;ll find robotic arms that lift, weld, or pack with extreme precision.</p>
      <p>These task-specific robots are usually more efficient, cheaper, and more reliable than humanoids because they are not trying to do everything. They are built to do one job, and they do it well.</p>
      <h2 id="the-challenge-of-general-purpose-robots">The challenge of general-purpose robots</h2>
      <p>Where it gets tricky is when you want one robot to do many human tasks, especially in unpredictable environments like homes, offices, or hospitals.</p>
      <p>Engineers have tried alternative shapes, but when it comes to things like opening doors, climbing stairs, unloading groceries, or picking up a dropped spoon, the human form still wins on flexibility. Even a basic doorknob needs reach, grip, and wrist rotation. These are surprisingly hard to replicate without a hand and an arm.</p>
      <p>That said, the human body isn&#39;t a piece of a perfect design either. Roboticists struggle to match our dexterity, especially with delicate tasks like handling fruit or threading a needle. However, some grippers, like suction cups or soft robotic tentacles, actually outperform human hands in specific situations. But they fall short when it comes to general versatility.</p>
      <p>So while it&#39;s tempting to imagine a smarter or more efficient form, in practice, the most adaptable robot still ends up looking like us. Not because humans are the best design, but because the world is built as if we are.</p>]]></content:encoded>
    </item>
    <item>
      <title>Why All Vibe-Coded Designs Look the Same</title>
      <link>https://aimadethis.design/blog/why-all-vibe-coded-designs-look-the-same.html</link>
      <guid isPermaLink="true">https://aimadethis.design/blog/why-all-vibe-coded-designs-look-the-same.html</guid>
      <pubDate>Wed, 08 Oct 2025 00:00:00 +0000</pubDate>
      <dc:creator>Živilė Mia</dc:creator>
      <category>Design</category>
      <description>Recently I&#39;ve seen more people calling out how AI-designed sites all look the same (meaning ugly?). I decided to dig into why that&#39;s happening.</description>
      <enclosure url="https://aimadethis.design/images/blog/why-all-vibe-coded-designs-look-the-same.jpg" length="72216" type="image/jpeg"/>
      <content:encoded><![CDATA[<img class="article-cover" src="https://aimadethis.design/images/blog/why-all-vibe-coded-designs-look-the-same.jpg" alt="Article cover: a laptop on a pink background showing a generic purple-gradient landing page headlined “Why All Vibe-Coded Designs Look the Same.”" width="1024" height="1024" fetchpriority="high" decoding="async"><p>Recently I&#39;ve seen more people calling out how AI-designed sites all look the same (meaning ugly?). I decided to dig into why that&#39;s happening.</p>
      <h2 id="models-learn-patterns-not-design-rules">Models learn patterns, not design rules</h2>
      <p>Vibe coders are trained on huge datasets of HTML, CSS, and screenshots. They don&#39;t learn taste or visual hierarchy, only what repeats most often. If purple gradient buttons show up in a lot of examples, those become the &quot;safe&quot; choice. Same with glowing cards, gradient headlines or rounded corners.</p>
      <p>The model doesn&#39;t understand when to use those things. It only learns that they are popular. So when it generates a page, it stacks everything that scored high in the data. The result looks busy, loud, and artificial, even if each part came from real aesthetic designs.</p>
      <p>It&#39;s like an intern who goes to Pinterest, finds the best-looking pieces, and uses them all at once, because they all look great. Separately. On different pages. Or even different projects.</p>
      <h2 id="knows-structure-not-restraint">Knows structure, not restraint</h2>
      <p>These models understand structure fairly well. They know a landing page has a header, a hero section, a list of features, maybe testimonials and a footer. That&#39;s easy to learn because those elements appear in a predictable order.</p>
      <p>What they don&#39;t learn is visual restraint. They can build the bones, but they don&#39;t know that only one part of the layout should attract attention. They can place a hero section correctly, but they don&#39;t know that background and cards shouldn&#39;t all fight for focus at once.</p>
      <h2 id="training-data-favors-flashy-components">Training data favors flashy components</h2>
      <p>A big part of the sameness comes from what&#39;s easy to scrape. Dribbble, Behance, and UI showcases are full of isolated components with strong colors, gradients, shadows, and motion. Those are clean, easy to parse, and labeled. Real websites are harder to process and often more restrained, so they don&#39;t appear as clearly in training data.</p>
      <p>The model ends up focusing too much on flashy standalone components. It learns from what looks exciting on a single card, not from what works on a big picture. When you ask for a full layout, it combines all the shiny pieces it knows instead of understanding how they visually balance each other.</p>
      <h2 id="prompting-acts-as-a-design-filter">Prompting acts as a design filter</h2>
      <p>Since the model doesn&#39;t come with taste, prompts act as guardrails. A vague instruction like &quot;modern, vibrant startup website&quot; usually results in the typical purple gradient soup, spiced up with shadows, rainbow icons, and corners that are either too sharp or too soft.</p>
      <p>A more precise prompt like &quot;minimal layout, one accent gradient on the CTA, flat neutral background&quot; forces the AI to stay within limits.</p>
      <p>Prompt templates exist because the model can&#39;t manage style consistency on its own. They&#39;re how you apply design rules — until the tools learn to do it better.</p>
      <p>Let&#39;s not be too judgmental or demanding. It&#39;s still early days for all this tech. Remember the early Midjourney images? Yeah. I think AI vibe coders are somewhere around the happy people with six fingers stage right now.</p>
      <h2 id="could-this-be-fixed-inside-the-model">Could this be fixed inside the model</h2>
      <p>Yes, in theory. It would require training on complete, labeled websites, not just fragments. The system would need to learn relationships between sections, visual hierarchy, and when repetition hurts clarity. That kind of dataset barely exists right now, and it would take real human annotation to build.</p>
      <p>Until then, the only way to get coherent results is to guide the model with clear constraints. Guardrails inside the model will come eventually, but for now the designer&#39;s direction still matters more than the generator.</p>]]></content:encoded>
    </item>
  </channel>
</rss>
