{
 "schema": "aiblocks-page/1",
 "id": "agency-design-whimsy-injector",
 "type": "agent",
 "name": "Playful interface designer",
 "summary": "Get three to five playful touches for your product, such as 404 pages, loading lines and button labels, with accessibility and speed checks.",
 "headline": "Playful interface designer",
 "subhead": "Share your product, who uses it and how your brand sounds. The agent suggests a few playful touches that each have a job. You get the exact words or motion for each one, plus checks for access, speed and the moments to keep serious.",
 "job": {
  "id": "design-work",
  "name": "Design things people love"
 },
 "level": "intermediate",
 "thinking": "high",
 "tested": true,
 "updated": "2026-11-03",
 "first_published": "2026-10-26",
 "inputs": [
  {
   "type": "question",
   "required": true,
   "label": "Question",
   "what": "the problem, decision or piece of work you want help with, and what a good outcome looks like"
  },
  {
   "type": "source_text",
   "required": false,
   "label": "Source text",
   "what": "a long source in full: an article, a video or talk transcript, or notes from a book, with its title, author and link"
  },
  {
   "type": "brand_brain",
   "required": false,
   "label": "Brand brain",
   "what": "the brand's facts, voice, products, offers (with effective dates), claims register, personas and look"
  }
 ],
 "outputs": [
  {
   "type": "plan",
   "required": true,
   "label": "Plan",
   "what": "a dated plan: what to do, in what order, with a decision rule for each step"
  },
  {
   "type": "copy_draft",
   "required": true,
   "label": "Copy draft",
   "what": "a draft of any copy (ad, page, email or script) that a check or edit pass works on"
  }
 ],
 "you_give": [
  "What the product is, who uses it and the tone people expect, such as serious, friendly or quirky",
  "Your brand voice notes or a few lines of your own text (optional)",
  "The moments to improve, such as a 404 page, an empty cart, loading, success or errors",
  "Limits to respect, such as no animation, no jokes near payments or the languages you serve (optional)",
  "Your tech setup, if you want code (optional)"
 ],
 "you_get": [
  "Three to five numbered ideas, each tied to one moment in your product",
  "The exact words or motion for each idea, and the reason it helps",
  "Each idea marked as small, user-triggered, hidden or tied to a moment",
  "Access and speed checks for each idea, including a reduced-motion option",
  "A list of the moments where your product should stay serious",
  "Sample code if you ask for it, marked untested"
 ],
 "use_when": [
  "Your error, 404 or empty pages feel cold and you want better words.",
  "Waiting or loading screens make people worry or leave.",
  "Your brand voice is friendly, but the product text reads like a tax form.",
  "You want a small celebration for a finished task, or a hidden surprise for curious users."
 ],
 "skip_when": [
  "You only want clearer, plainer error wording. Use the Error message rewriter.",
  "You want all the labels and messages for one screen. Use the Interface microcopy writer.",
  "You want the rules and feedback for small moments, not personality. Use the Interface interaction details designer."
 ],
 "output_sample": {
  "input": [
   "What your product is, who uses it and the tone people expect",
   "The moments to improve, such as a 404 page or loading",
   "Your brand voice notes (optional)",
   "Limits to respect, such as no animation (optional)"
  ],
  "prerequisites": [
   "An AI that reads pasted text, such as Claude, ChatGPT or Gemini"
  ],
  "output": [
   {
    "name": "Brand and context",
    "contains": "Your product, users and tone, and the moments to keep serious."
   },
   {
    "name": "Playful ideas",
    "contains": "Three to five numbered ideas, each with a moment, a kind, exact words or motion and a purpose."
   },
   {
    "name": "Access checks",
    "contains": "Reduced motion, screen reader and cultural fit notes for each idea."
   },
   {
    "name": "Speed checks",
    "contains": "What each idea adds to load time and how to keep it light."
   },
   {
    "name": "Sample code",
    "contains": "Optional animation or script, marked untested."
   },
   {
    "name": "Open checks",
    "contains": "What real users or your developer must confirm."
   }
  ]
 },
 "output_shape": "BRAND AND CONTEXT\n  Product <what> | Users <who> | Tone <serious, friendly or quirky> | Keep serious <moments>\n\nIDEAS (3 to 5)\n  <number> | moment <where> | kind <small, user-triggered, hidden or tied to a moment> | words or motion <exact text or behaviour> | purpose <what it helps> | access check <result> | speed check <result>\n\nSAMPLE CODE (only if asked)\n  <snippet, marked untested>\n\nOPEN CHECKS\n  <what real users must confirm>",
 "how_to_use": [
  "Add the pack to your AI as a skill. If you cannot, start a new chat and paste SKILL.md, then references/source-agent.md.",
  "Describe your product, your users and the tone. Paste any brand voice notes or example text.",
  "List the moments you want to improve. Or say \"find the best three moments\" and let it choose.",
  "Read the \"keep serious\" list first. Drop any idea that clashes with how your users feel at that moment.",
  "Check each idea's access note. Ask for a reduced-motion version of any animation.",
  "Try one idea with real users or teammates. Keep it only if it helps people finish what they came to do."
 ],
 "checks": [
  "The result addresses your actual task and cites the evidence used.",
  "Examples, role-play experience and targets are kept separate from verified results.",
  "Claims of tests, memory, tool access or completed actions match what actually happened."
 ],
 "next": [
  {
   "name": "UI designer agent",
   "url": "https://useaiblocks.com/skills/agency-design-ui-designer",
   "why": "Design it"
  },
  {
   "name": "Forms and instructions rewriter",
   "url": "https://useaiblocks.com/skills/plain-words-interface-rewriter",
   "why": "Design it"
  },
  {
   "name": "Interface interaction details designer",
   "url": "https://useaiblocks.com/skills/small-interface-details-designer",
   "why": "Design it"
  }
 ],
 "source": {
  "by": "Michael Sitarzewski and Agency Agents contributors",
  "repo": "msitarzewski/agency-agents",
  "url": "https://github.com/msitarzewski/agency-agents/blob/b37b5bb33b78f2c1d6567d98e25ca818e3259219/design/design-whimsy-injector.md",
  "licence": "MIT",
  "original_name": "Whimsy Injector",
  "commit": "b37b5bb33b78f2c1d6567d98e25ca818e3259219"
 },
 "credits": [
  {
   "title": "Whimsy Injector",
   "by": "Michael Sitarzewski and Agency Agents contributors",
   "url": "https://github.com/msitarzewski/agency-agents/blob/b37b5bb33b78f2c1d6567d98e25ca818e3259219/design/design-whimsy-injector.md",
   "used": "Original agent profile, preserved in references/source-agent.md; AI Blocks adds setup and review instructions."
  }
 ],
 "files": [
  "LICENSE",
  "references/source-agent.md",
  "SETUP.md",
  "source.json"
 ],
 "links": {
  "page": "https://useaiblocks.com/agents/agency-design-whimsy-injector",
  "markdown": "https://useaiblocks.com/agents/agency-design-whimsy-injector.md",
  "json": "https://useaiblocks.com/agents/agency-design-whimsy-injector.json",
  "instructions": "https://useaiblocks.com/skills/agency-design-whimsy-injector/SKILL.md",
  "download": "https://useaiblocks.com/skills/agency-design-whimsy-injector.zip",
  "api_item": "https://useaiblocks.com/api/v1/items/agency-design-whimsy-injector",
  "api_document": "https://useaiblocks.com/api/v1/documents/agent/agency-design-whimsy-injector",
  "mcp": "https://useaiblocks.com/mcp"
 }
}
