{ "view": { "w": 1300, "h": 780 }, "stages": [ { "n": 1, "title": "Know what you want", "checks": [ { "id": "WANT-1", "title": "See what's possible", "tool": "X · other people's prompts", "level": "v1", "done": "You found three impressive results made with a model you use, read the prompts behind them, and reproduced one.", "verify": "You can name something the model did that you'd have assumed it couldn't.", "link": { "href": "/exercises/prompt-engineering", "label": "Open the exercise" } }, { "id": "WANT-2", "title": "Talk it out", "tool": "voice transcription", "level": "v1", "done": "You gave your agent a goal by talking for a few minutes instead of typing, doubts and context included.", "verify": "Its summary includes something you'd never have bothered to type.", "link": { "href": "/exercises/design-game", "label": "Play the design game" } }, { "id": "WANT-3", "title": "Get interviewed", "tool": "one question at a time", "level": "v1", "done": "When you weren't sure what you wanted, the agent interviewed you one question at a time until the goal was concrete.", "verify": "You can say the goal, and how you'd know it's done, in one sentence each.", "link": { "href": "/exercises/design-game", "label": "Play the design game" } }, { "id": "WANT-4", "title": "Ask what it understood", "tool": "play it back", "level": "v1", "done": "Before real work, the agent played back your goal and priorities, and you corrected what it got wrong.", "verify": "Its final version made you think: hell yes, you get it.", "link": { "href": "/exercises/design-game", "label": "Play the design game" } } ] }, { "n": 2, "title": "Borrow specificity", "checks": [ { "id": "BORROW-1", "title": "Clone it, then remix it", "tool": "remixing", "level": "v1", "done": "You had the agent make a faithful copy of something you love, then changed it, one step at a time, into something of your own.", "verify": "The result is more specific than anything you could have described from scratch.", "link": { "href": "/exercises/getting-specific-outcomes-by-remixing", "label": "Open the exercise" } }, { "id": "BORROW-2", "title": "Research the experts' method", "tool": "meta-research", "level": "v1", "done": "Your agent researched how the best people do a kind of work you care about, and you worked through their method on a real task.", "verify": "You can name the method, where it came from, and what it changed.", "link": { "href": "/library/meta-research", "label": "Read the guide" } }, { "id": "BORROW-3", "title": "Learn the words experts use", "tool": "terms of art", "level": "v1", "done": "You asked for the vocabulary of a field you're new to and used it in a prompt.", "verify": "Rerunning the prompt without those words gives a visibly more generic result.", "link": { "href": "/exercises/using-other-peoples-processes-and-skills", "label": "Open the exercise" } }, { "id": "BORROW-4", "title": "Brief with references", "tool": "screenshots · examples", "level": "v1", "done": "You gave the agent concrete references (screenshots, examples, samples) instead of adjectives.", "verify": "Someone can see the references in the result.", "link": { "href": "/exercises/beautiful-websites", "label": "Open the exercise" } }, { "id": "BORROW-5", "title": "Bring your own material", "tool": "notes · past work", "level": "v1", "done": "The agent read your own notes, work, or collections and used them as source material.", "verify": "The result has something in it that only you could have supplied.", "link": { "href": "/exercises/creativity-taste-authorship", "label": "Open the exercise" } } ] }, { "n": 3, "title": "Write the brief", "checks": [ { "id": "BRIEF-1", "title": "Write a seven-part brief", "tool": "the Claude Pop breakdown", "level": "v1", "done": "You wrote a brief for something you care about that covers all seven parts: intent, taste, audience, tools, freedom, workflow, and verification.", "verify": "The first result needed far fewer fixes than a one-line request.", "link": { "href": "/exercises/prompt-engineering", "label": "Open the exercise" } }, { "id": "BRIEF-2", "title": "Decide what's fixed and what's free", "tool": "freedom & constraints", "level": "v1", "done": "Your brief says which decisions are fixed, which are the agent's, and which are only suggestions.", "verify": "The agent surprised you, in a good way, on something you left open.", "link": { "href": "/exercises/prompt-engineering", "label": "Open the exercise" } }, { "id": "BRIEF-3", "title": "Build in a self-check", "tool": "verification", "level": "v1", "done": "Your brief tells the agent how to inspect and improve its own work before calling it done.", "verify": "It found and fixed a problem before you saw it.", "link": { "href": "/exercises/beautiful-websites", "label": "Open the exercise" } } ] }, { "n": 4, "title": "Steer", "checks": [ { "id": "STEER-1", "title": "Build a comparison gallery", "tool": "make many, then choose", "level": "v1", "done": "The agent made many genuinely different versions on one gallery page, and you chose and pushed the next round.", "verify": "You can say what your taste turned out to be.", "link": { "href": "/exercises/creativity-taste-authorship", "label": "Open the exercise" } }, { "id": "STEER-2", "title": "Trust your gut", "tool": "hell yes or hell no", "level": "v1", "done": "You noticed a bad feeling about a result, said so, and found what was missing.", "verify": "You fixed the cause (missing context, an unclear goal), not just the symptom.", "link": { "href": "/exercises/where-do-you-need-better-context", "label": "Open the exercise" } }, { "id": "STEER-3", "title": "Say exactly what's wrong", "tool": "specific feedback", "level": "v1", "done": "You gave feedback as specific, plain observations, one change at a time.", "verify": "Each round fixed what you named without breaking something else.", "link": { "href": "/exercises/beautiful-websites", "label": "Open the exercise" } }, { "id": "STEER-4", "title": "Start fresh instead of arguing", "tool": "roll back · new thread", "level": "v1", "done": "When the agent got stuck, you rolled back or started a new conversation with a better brief.", "verify": "The fresh start got there faster than another round of arguing would have.", "link": { "href": "/exercises/debugging-process", "label": "Open the exercise" } }, { "id": "STEER-5", "title": "Keep a prompt library", "tool": "prompt library · skills", "level": "v1", "done": "Your best prompts are saved where you and your agents can find them, with a note on what made each one work.", "verify": "You reused one this week.", "link": { "href": "/library/skills", "label": "Read the guide" } } ] }, { "n": 5, "title": "Let it run", "checks": [ { "id": "RUN-1", "title": "Run a goal loop", "tool": "/goal", "level": "v1", "done": "A long job ran until a checkable finish line was true.", "verify": "It stopped because the condition was met, and you checked the evidence.", "link": { "href": "/library/dynamic-workflows", "label": "Read the guide" } }, { "id": "RUN-2", "title": "Run a gauntlet loop", "tool": "a high bar · hours", "level": "v1", "done": "You gave an agent a goal, a demanding quality bar, and a long leash, and it worked for hours.", "verify": "You can say where the run got better, and where it wasted time.", "link": { "href": "/exercises/getting-specific-outcomes-by-remixing", "label": "Open the exercise" } }, { "id": "RUN-3", "title": "Fan out", "tool": "many agents at once", "level": "v1", "done": "Several agents worked on independent parts at once, and the results were brought together.", "verify": "The combined result beat what one agent produced alone.", "link": { "href": "/library/dynamic-workflows", "label": "Read the guide" } } ] } ], "nodes": [ { "id": "skills", "label": "Your prompting skills", "tool": "", "logos": [], "glyph": "spark", "x": 400, "y": 380, "w": 230, "h": 150, "kind": "part", "desc": "Prompting is a management skill, not a magic phrase: knowing what you want, saying it so nothing important is left vague, and judging what comes back. Your agent is more capable than you at many things, so your job is a CEO's: quick, tasteful decisions on limited information. Everything on this map makes that skill stronger.", "views": {}, "checks": [], "prompts": [], "env": [ "same", "" ] }, { "id": "possible", "label": "What's possible", "tool": "", "logos": [ "x" ], "glyph": null, "x": 106, "y": 82, "w": 166, "h": 56, "kind": "part", "desc": "Don't underestimate your collaborator. Search a new model's name on X, open the most impressive results, and read the prompts behind them; then try to reproduce one. What you believe is possible sets the ceiling on what you'll ask for.", "views": {}, "checks": [ "WANT-1" ], "prompts": [ "p-WANT-1" ], "env": [ "same", "" ] }, { "id": "talk", "label": "Talk it out", "tool": "", "logos": [], "glyph": "mic", "x": 281, "y": 82, "w": 166, "h": 56, "kind": "part", "desc": "Speak instead of typing. You'll say three times as much, including the context and doubts you'd never bother to type, and the agent is good at finding the signal in a ramble. A voice note is the fastest way to get what's in your head into its context.", "views": {}, "checks": [ "WANT-2" ], "prompts": [ "p-WANT-2" ], "env": [ "same", "" ] }, { "id": "interview", "label": "Interview me", "tool": "", "logos": [], "glyph": "chat", "x": 456, "y": 82, "w": 166, "h": 56, "kind": "part", "desc": "When you don't know what you want yet, say so, and have the agent interview you one question at a time: the real goal behind the stated one, the actual blocker, the constraints you forgot to mention. Stop when the goal is concrete enough to check.", "views": {}, "checks": [ "WANT-3" ], "prompts": [ "p-WANT-3" ], "env": [ "same", "" ] }, { "id": "playback", "label": "Play it back", "tool": "", "logos": [], "glyph": "eye", "x": 631, "y": 82, "w": 166, "h": 56, "kind": "part", "desc": "Before real work, ask what it understood your goal and priorities to be. Fixing a paragraph takes seconds; fixing a finished build takes an hour. If the answer feels like too much, ask it to say it again, simpler.", "views": {}, "checks": [ "WANT-4" ], "prompts": [ "p-WANT-4" ], "env": [ "same", "" ] }, { "id": "remix", "label": "Remix", "tool": "", "logos": [], "glyph": "copy", "x": 110, "y": 250, "w": 160, "h": 50, "kind": "part", "desc": "The fastest route to a specific result is something that already exists. \"A perfect clone of Flappy Bird\" is precise in a way no description is. Clone it first, then change one thing at a time toward what you want, or combine two things nobody has combined before.", "views": {}, "checks": [ "BORROW-1" ], "prompts": [ "p-BORROW-1" ], "env": [ "same", "" ] }, { "id": "experts", "label": "Expert research", "tool": "", "logos": [], "glyph": "person", "x": 110, "y": 315, "w": 160, "h": 50, "kind": "part", "desc": "Agents know the whole internet but default to its average. Ask who does this work best, and how: their standards, methods, best examples, and the mistakes beginners make. Then work through that method together. \"Follow Save the Cat\" beats \"help me write a novel.\"", "views": {}, "checks": [ "BORROW-2" ], "prompts": [ "p-BORROW-2" ], "env": [ "same", "" ] }, { "id": "terms", "label": "Terms of art", "tool": "", "logos": [], "glyph": "book", "x": 110, "y": 380, "w": 160, "h": 50, "kind": "part", "desc": "Each precise term borrows a whole domain. Pixel art isn't 8-bit; \"a chiptune with Bach's counterpoint\" isn't \"a nice song\"; an offer isn't a business plan. When you don't know the words, ask the agent for the vocabulary experts use, then use it.", "views": {}, "checks": [ "BORROW-3" ], "prompts": [ "p-BORROW-3" ], "env": [ "same", "" ] }, { "id": "refs", "label": "References", "tool": "", "logos": [], "glyph": "palette", "x": 110, "y": 445, "w": 160, "h": 50, "kind": "part", "desc": "Show, don't describe. A screenshot of a site you love, a paragraph in the voice you want, a table laid out the way you like. \"Make it look like this\" works; \"modern and clean\" gets you the generic look. Mobbin and recent.design are full of references.", "views": {}, "checks": [ "BORROW-4" ], "prompts": [ "p-BORROW-4" ], "env": [ "same", "" ] }, { "id": "mine", "label": "Your material", "tool": "", "logos": [], "glyph": "folder", "x": 110, "y": 510, "w": 160, "h": 50, "kind": "part", "desc": "The best source material is already in your head and your files: notes, past work, voice memos, the things you've collected because you love them. Point the agent at them, and remix the best of the experts with what's unique to you.", "views": {}, "checks": [ "BORROW-5" ], "prompts": [ "p-BORROW-5" ], "env": [ "same", "" ] }, { "id": "intent", "label": "Intent", "tool": "", "logos": [], "glyph": "target", "x": 690, "y": 224, "w": 180, "h": 40, "kind": "part", "desc": "What you're trying to do and why it matters, in a sentence or two, plus the stretch goal: \"a banger for Twitter, and if you can, better than anything anyone's seen.\" The why lets the agent make good calls you didn't anticipate.", "views": {}, "checks": [ "BRIEF-1" ], "prompts": [ "p-BRIEF-1" ], "env": [ "same", "" ] }, { "id": "taste", "label": "Taste & references", "tool": "", "logos": [], "glyph": null, "x": 690, "y": 276, "w": 180, "h": 40, "kind": "part", "desc": "How it should feel, and what else feels that way. Name anchors (\"K-pop is a good visual anchor\") and anti-anchors (\"not Pixar, it reads as slop\"). What to avoid is as useful as what to copy.", "views": {}, "checks": [ "BRIEF-1" ], "prompts": [ "p-BRIEF-1" ], "env": [ "same", "" ] }, { "id": "audience", "label": "Audience", "tool": "", "logos": [], "glyph": null, "x": 690, "y": 328, "w": 180, "h": 40, "kind": "part", "desc": "Who it's for and the response you want from them: \"tech Twitter, hooked in the first two seconds.\" The same content for your boss, your mother, and a stranger online is three different jobs.", "views": {}, "checks": [ "BRIEF-1" ], "prompts": [ "p-BRIEF-1" ], "env": [ "same", "" ] }, { "id": "tools", "label": "Tools & resources", "tool": "", "logos": [], "glyph": null, "x": 690, "y": 380, "w": 180, "h": 40, "kind": "part", "desc": "Which folders, files, skills, accounts, and budget it may use, and where they are. Agents don't go looking for what they don't know exists. \"Use all of my usage\" and \"keep it under $5\" both belong here.", "views": {}, "checks": [ "BRIEF-1" ], "prompts": [ "p-BRIEF-1" ], "env": [ "same", "" ] }, { "id": "freedom", "label": "Freedom & constraints", "tool": "", "logos": [], "glyph": null, "x": 690, "y": 432, "w": 180, "h": 40, "kind": "part", "desc": "Which decisions are fixed, which are the agent's, and where you have a suggestion rather than an order. Leave room for it to surprise you: over-specifying the parts you don't care about only gets your own first idea back.", "views": {}, "checks": [ "BRIEF-1", "BRIEF-2" ], "prompts": [ "p-BRIEF-1", "p-BRIEF-2" ], "env": [ "same", "" ] }, { "id": "workflow", "label": "Workflow", "tool": "", "logos": [], "glyph": "steps", "x": 690, "y": 484, "w": 180, "h": 40, "kind": "part", "desc": "The order that matters: plan the composition before generating, make the style sheet before the characters, prove the smallest version before the rest. Only prescribe order where getting it wrong is expensive.", "views": {}, "checks": [ "BRIEF-1" ], "prompts": [ "p-BRIEF-1" ], "env": [ "same", "" ] }, { "id": "verify", "label": "Verification", "tool": "", "logos": [], "glyph": null, "x": 690, "y": 536, "w": 180, "h": 40, "kind": "part", "desc": "How it will inspect and improve its own work before calling it done: watch the whole video, screenshot the page at phone size, list the ten worst things and fix the top three. Without this, done means it stopped.", "views": {}, "checks": [ "BRIEF-1", "BRIEF-3" ], "prompts": [ "p-BRIEF-1", "p-BRIEF-3" ], "env": [ "same", "" ] }, { "id": "agent", "label": "Your agent", "tool": "Claude · Codex", "logos": [ "anthropic", "openai" ], "glyph": null, "x": 935, "y": 380, "w": 184, "h": 58, "kind": "part", "desc": "A very capable, very literal genie. It grants the wish you made, not the one you meant, and anything you leave vague gets the average interpretation, down to the details.", "views": {}, "checks": [], "prompts": [], "env": [ "same", "" ], "link": { "href": "../fractal-ai-accelerator/index.html", "zoom": "out" } }, { "id": "result", "label": "What comes back", "tool": "", "logos": [], "glyph": "file", "x": 1180, "y": 380, "w": 170, "h": 58, "kind": "part", "desc": "Treat the first result as a draft and a question: what did my prompt leave vague? Almost every disappointing result points to a missing part of the brief.", "views": {}, "checks": [ "BRIEF-3" ], "prompts": [ "p-BRIEF-3" ], "env": [ "same", "" ] }, { "id": "goal", "label": "Goal loop", "tool": "/goal", "logos": [], "glyph": "flag", "x": 855, "y": 82, "w": 150, "h": 56, "kind": "part", "desc": "For work that takes many attempts but has a clear end. Write the finish line as something checkable (\"every claim links a primary source, and it's under 1,500 words\"), then let it work until that's true. A vague finish line gets activity, not progress.", "views": {}, "checks": [ "RUN-1" ], "prompts": [ "p-RUN-1" ], "env": [ "same", "" ] }, { "id": "gauntlet", "label": "Gauntlet loop", "tool": "", "logos": [], "glyph": "shield", "x": 1020, "y": 82, "w": 150, "h": 56, "kind": "part", "desc": "A goal, a demanding quality bar, and a gauntlet of checks, then a long leash: plan, build, critique harshly, repeat, for hours. It works when you can describe excellent better than you could make it yourself.", "views": {}, "checks": [ "RUN-2" ], "prompts": [ "p-RUN-2" ], "env": [ "same", "" ] }, { "id": "fanout", "label": "Fan out", "tool": "", "logos": [], "glyph": "fan", "x": 1185, "y": 82, "w": 150, "h": 56, "kind": "part", "desc": "Several agents or threads on independent parts at once: ten researchers on ten art styles, competing theories of a bug, a builder and a critic. Worth it only when the parts are truly independent and you know how they'll come back together.", "views": {}, "checks": [ "RUN-3" ], "prompts": [ "p-RUN-3" ], "env": [ "same", "" ] }, { "id": "gut", "label": "Gut check", "tool": "", "logos": [], "glyph": "heart", "x": 1180, "y": 700, "w": 164, "h": 56, "kind": "part", "desc": "Notice your first reaction before you analyse it. Frustration, distrust, and boredom are signals that something is missing; \"hell yes, you get it\" is the bar. You don't have to accept the agent's way of doing things.", "views": {}, "checks": [ "STEER-2" ], "prompts": [ "p-STEER-2" ], "env": [ "same", "" ] }, { "id": "gallery", "label": "Comparison gallery", "tool": "", "logos": [], "glyph": "grid", "x": 982, "y": 700, "w": 176, "h": 56, "kind": "part", "desc": "Don't judge one result on its own. Ask for many genuinely different versions side by side on one gallery page, pick, and push the next round in that direction. Your taste is easier to see than to describe.", "views": {}, "checks": [ "STEER-1" ], "prompts": [ "p-STEER-1" ], "env": [ "same", "" ] }, { "id": "feedback", "label": "Say what's wrong", "tool": "", "logos": [], "glyph": "pen", "x": 784, "y": 700, "w": 164, "h": 56, "kind": "part", "desc": "\"The heading's too small, the accent color isn't doing anything, cut that animation\" works; \"make it better\" doesn't. You don't need to know the technical cause: name exactly what feels wrong, one change at a time.", "views": {}, "checks": [ "STEER-3" ], "prompts": [ "p-STEER-3" ], "env": [ "same", "" ] }, { "id": "fresh", "label": "Start fresh", "tool": "", "logos": [], "glyph": "refresh", "x": 592, "y": 700, "w": 164, "h": 56, "kind": "part", "desc": "When the agent is stuck on a wrong path, more arguing anchors it further. Roll back to the last version that worked, or open a new conversation with a better brief that includes what you've learned.", "views": {}, "checks": [ "STEER-4" ], "prompts": [ "p-STEER-4" ], "env": [ "same", "" ] }, { "id": "keep", "label": "Keep what worked", "tool": "", "logos": [], "glyph": "book", "x": 400, "y": 700, "w": 164, "h": 56, "kind": "part", "desc": "When a prompt works, save it: in a prompt library, as a line in AGENTS.md, or as a skill. Ask the agent what in the prompt made the biggest difference. That's how one good result becomes a skill you keep.", "views": {}, "checks": [ "STEER-5" ], "prompts": [ "p-STEER-5" ], "env": [ "same", "" ] } ], "edges": [ { "id": "possible-skills", "from": "possible", "to": "skills", "path": "dep", "pts": [ [ 106, 110 ], [ 106, 165 ], [ 400, 165 ], [ 400, 305 ] ] }, { "id": "talk-skills", "from": "talk", "to": "skills", "path": "dep", "pts": [ [ 281, 110 ], [ 281, 165 ], [ 400, 165 ], [ 400, 305 ] ] }, { "id": "interview-skills", "from": "interview", "to": "skills", "path": "dep", "pts": [ [ 456, 110 ], [ 456, 165 ], [ 400, 165 ], [ 400, 305 ] ], "label": "what you want", "side": "right", "labelAt": [ 400, 235 ] }, { "id": "playback-skills", "from": "playback", "to": "skills", "path": "dep", "pts": [ [ 631, 110 ], [ 631, 165 ], [ 400, 165 ], [ 400, 305 ] ] }, { "id": "remix-skills", "from": "remix", "to": "skills", "path": "dep", "pts": [ [ 190, 250 ], [ 235, 250 ], [ 235, 380 ], [ 285, 380 ] ] }, { "id": "experts-skills", "from": "experts", "to": "skills", "path": "dep", "pts": [ [ 190, 315 ], [ 235, 315 ], [ 235, 380 ], [ 285, 380 ] ] }, { "id": "terms-skills", "from": "terms", "to": "skills", "path": "dep", "pts": [ [ 190, 380 ], [ 235, 380 ], [ 285, 380 ] ], "label": "specificity", "labelAt": [ 260, 380 ] }, { "id": "refs-skills", "from": "refs", "to": "skills", "path": "dep", "pts": [ [ 190, 445 ], [ 235, 445 ], [ 235, 380 ], [ 285, 380 ] ] }, { "id": "mine-skills", "from": "mine", "to": "skills", "path": "dep", "pts": [ [ 190, 510 ], [ 235, 510 ], [ 235, 380 ], [ 285, 380 ] ] }, { "id": "skills-intent", "from": "skills", "to": "intent", "path": "req", "pts": [ [ 515, 380 ], [ 560, 380 ], [ 560, 224 ], [ 600, 224 ] ] }, { "id": "skills-taste", "from": "skills", "to": "taste", "path": "req", "pts": [ [ 515, 380 ], [ 560, 380 ], [ 560, 276 ], [ 600, 276 ] ] }, { "id": "skills-audience", "from": "skills", "to": "audience", "path": "req", "pts": [ [ 515, 380 ], [ 560, 380 ], [ 560, 328 ], [ 600, 328 ] ] }, { "id": "skills-tools", "from": "skills", "to": "tools", "path": "req", "pts": [ [ 515, 380 ], [ 560, 380 ], [ 600, 380 ] ] }, { "id": "skills-freedom", "from": "skills", "to": "freedom", "path": "req", "pts": [ [ 515, 380 ], [ 560, 380 ], [ 560, 432 ], [ 600, 432 ] ] }, { "id": "skills-workflow", "from": "skills", "to": "workflow", "path": "req", "pts": [ [ 515, 380 ], [ 560, 380 ], [ 560, 484 ], [ 600, 484 ] ] }, { "id": "skills-verify", "from": "skills", "to": "verify", "path": "req", "pts": [ [ 515, 380 ], [ 560, 380 ], [ 560, 536 ], [ 600, 536 ] ] }, { "id": "intent-agent", "from": "intent", "to": "agent", "path": "req", "pts": [ [ 780, 224 ], [ 815, 224 ], [ 815, 380 ], [ 843, 380 ] ] }, { "id": "taste-agent", "from": "taste", "to": "agent", "path": "req", "pts": [ [ 780, 276 ], [ 815, 276 ], [ 815, 380 ], [ 843, 380 ] ] }, { "id": "audience-agent", "from": "audience", "to": "agent", "path": "req", "pts": [ [ 780, 328 ], [ 815, 328 ], [ 815, 380 ], [ 843, 380 ] ] }, { "id": "tools-agent", "from": "tools", "to": "agent", "path": "req", "pts": [ [ 780, 380 ], [ 815, 380 ], [ 843, 380 ] ], "label": "one prompt", "labelAt": [ 815, 330 ], "side": "right" }, { "id": "freedom-agent", "from": "freedom", "to": "agent", "path": "req", "pts": [ [ 780, 432 ], [ 815, 432 ], [ 815, 380 ], [ 843, 380 ] ] }, { "id": "workflow-agent", "from": "workflow", "to": "agent", "path": "req", "pts": [ [ 780, 484 ], [ 815, 484 ], [ 815, 380 ], [ 843, 380 ] ] }, { "id": "verify-agent", "from": "verify", "to": "agent", "path": "req", "pts": [ [ 780, 536 ], [ 815, 536 ], [ 815, 380 ], [ 843, 380 ] ] }, { "id": "agent-result", "from": "agent", "to": "result", "path": "req", "pts": [ [ 1027, 380 ], [ 1095, 380 ] ] }, { "id": "agent-goal", "from": "agent", "to": "goal", "path": "req", "pts": [ [ 935, 351 ], [ 935, 165 ], [ 855, 165 ], [ 855, 110 ] ] }, { "id": "agent-gauntlet", "from": "agent", "to": "gauntlet", "path": "req", "pts": [ [ 935, 351 ], [ 935, 165 ], [ 1020, 165 ], [ 1020, 110 ] ], "label": "let it run longer", "labelAt": [ 1020, 165 ] }, { "id": "agent-fanout", "from": "agent", "to": "fanout", "path": "req", "pts": [ [ 935, 351 ], [ 935, 165 ], [ 1185, 165 ], [ 1185, 110 ] ] }, { "id": "result-gut", "from": "result", "to": "gut", "path": "fb", "pts": [ [ 1180, 409 ], [ 1180, 672 ] ], "label": "you judge it", "side": "right", "labelAt": [ 1180, 560 ] }, { "id": "gut-gallery", "from": "gut", "to": "gallery", "path": "fb", "pts": [ [ 1098, 700 ], [ 1070, 700 ] ] }, { "id": "gallery-feedback", "from": "gallery", "to": "feedback", "path": "fb", "pts": [ [ 894, 700 ], [ 866, 700 ] ] }, { "id": "feedback-agent", "from": "feedback", "to": "agent", "path": "fb", "pts": [ [ 840, 672 ], [ 840, 610 ], [ 935, 610 ], [ 935, 409 ] ], "label": "another round", "side": "right", "labelAt": [ 935, 560 ] }, { "id": "feedback-fresh", "from": "feedback", "to": "fresh", "path": "fb", "pts": [ [ 702, 700 ], [ 674, 700 ] ] }, { "id": "fresh-keep", "from": "fresh", "to": "keep", "path": "fb", "pts": [ [ 510, 700 ], [ 482, 700 ] ] }, { "id": "keep-skills", "from": "keep", "to": "skills", "path": "fb", "pts": [ [ 460, 672 ], [ 460, 455 ] ], "label": "your skill grows", "side": "right", "labelAt": [ 460, 580 ] } ], "zones": [ { "id": "want", "label": "know what you want", "x": 18, "y": 20, "w": 708, "h": 118 }, { "id": "runs", "label": "longer runs", "x": 770, "y": 20, "w": 500, "h": 118, "labelRight": true }, { "id": "borrow", "label": "borrow specificity", "x": 18, "y": 208, "w": 184, "h": 340 }, { "id": "brief", "label": "a great prompt", "x": 572, "y": 180, "w": 236, "h": 400 }, { "id": "steer", "label": "steering", "x": 306, "y": 650, "w": 964, "h": 100 } ], "tours": { "req": { "label": "a pottery page", "steps": [ { "edge": "skills-intent", "text": "You want a landing page for your pottery classes. Intent: fill the spring session, and feel as handmade as the pots." }, { "edge": "skills-taste", "text": "Taste: two studio sites you love, and \"nothing that looks like a software startup.\"" }, { "edge": "skills-audience", "text": "Audience: neighbors who've never touched clay, deciding on their phones." }, { "edge": "skills-freedom", "text": "Fixed: the prices and dates. Everything else is the agent's call." }, { "edge": "skills-verify", "text": "Verification: screenshot it at phone size, list the ten worst things, fix the top three." }, { "edge": "verify-agent", "text": "All seven parts go to your agent as one prompt." }, { "edge": "agent-result", "text": "It builds a first draft, checks it, and shows you." } ] }, "dep": { "label": "what goes in", "steps": [ { "edge": "talk-skills", "text": "You talk for three minutes about what your classes feel like, and why people come back." }, { "edge": "playback-skills", "text": "The agent plays back what it understood; you fix the one thing it got wrong." }, { "edge": "refs-skills", "text": "You add screenshots of two studio sites you love." }, { "edge": "terms-skills", "text": "It teaches you the words: editorial layout, a warm earthenware palette, hand-set type." }, { "edge": "experts-skills", "text": "It researches how the best class businesses sell a first session." }, { "edge": "mine-skills", "text": "And it pulls photos and student quotes from your own folders." } ] }, "fb": { "label": "another round", "steps": [ { "edge": "result-gut", "text": "The draft is fine, and fine is a hell no." }, { "edge": "gut-gallery", "text": "So you ask for six genuinely different directions, side by side." }, { "edge": "gallery-feedback", "text": "You pick one and say exactly what's off: the headline's too small, the photos too dark." }, { "edge": "feedback-agent", "text": "Another round. Much better." }, { "edge": "feedback-fresh", "text": "When it starts going in circles, you roll back and start a fresh thread with a better brief." }, { "edge": "fresh-keep", "text": "The brief that finally worked goes in your prompt library." }, { "edge": "keep-skills", "text": "Next time you start from it. That's your skill growing." } ] } }, "prompts": { "p-WANT-1": { "id": "p-WANT-1", "title": "See what's possible", "stage": 1, "checks": [ "WANT-1" ], "primary": true, "body": "I want to recalibrate what I think you can do, because I suspect I'm asking for too little.\n\nFind three of the most impressive recent results made with the model I'm using right now (or a close sibling), ideally close to my kind of work: search the web and X for its name if you can, and prefer results where the creator shared the prompt. If you can't search, use examples you know well and say how sure you are. For each, show me what was made, the prompt or as much of it as is public, and which tools, references, and prior context were involved.\n\nThen help me pick one and reproduce it here, or the closest thing we can do with what this setup has. Tell me honestly where we fell short and why. Finish by naming one thing you did that I'd have assumed you couldn't, and one kind of request I should start making." }, "p-WANT-2": { "id": "p-WANT-2", "title": "Talk it out", "stage": 1, "checks": [ "WANT-2" ], "primary": true, "body": "I'm going to talk to you for a few minutes, probably rambling, about something I want to get done: by voice or dictation if this setup has it, or as a rough typed paragraph if not. Your job is to find the signal in it.\n\nListen for the goal, why it matters to me, what's in the way, what I've already tried, and anything I seem worried about. Don't start working on it yet.\n\nWhen I'm done, give me back a short summary: the goal in one sentence, why it matters, the main blocker, and the two or three things I said that you think matter most, including anything I mentioned in passing that I might not realize is important. Then ask me the single question that would most improve your understanding.\n\nIf I haven't started talking yet, tell me to go ahead." }, "p-WANT-3": { "id": "p-WANT-3", "title": "Get interviewed", "stage": 1, "checks": [ "WANT-3" ], "primary": true, "body": "I don't know exactly what I want yet. Interview me until we both do.\n\nAsk one question at a time, and wait for my answer before the next one. Help me find the real goal behind the one I state, separate symptoms from the actual problem, surface constraints I haven't mentioned, and notice when I'm describing a solution rather than a need. If I seem stuck, offer two or three concrete options to react to instead of another open question.\n\nStop when the goal is concrete enough that we could tell whether it's been achieved. Then write it down in a few lines: the goal, why it matters, the constraints, and what done looks like. Ask me whether it feels right before we go further, and don't start building until I say so." }, "p-WANT-4": { "id": "p-WANT-4", "title": "Ask what it understood", "stage": 1, "checks": [ "WANT-4" ], "primary": true, "body": "Before you do any real work on what I've asked, tell me what you understood.\n\nIn a few short lines, play back my goal, why it matters, who it's for, what I care about most, what I don't care about, and anything you're assuming that I didn't actually say. Mark your assumptions clearly, because those are where we're most likely to go wrong.\n\nKeep it short and plain. If you're unsure about something important, ask me about that one thing rather than guessing.\n\nI'll correct you. Update your understanding and play it back again, until I tell you that you've got it. If I say it feels like too much, say it again simpler. Only then start the work." }, "p-BORROW-1": { "id": "p-BORROW-1", "title": "Clone it, then remix it", "stage": 2, "checks": [ "BORROW-1" ], "primary": true, "body": "I want a specific result, and the fastest way there is to copy something that already exists and then make it mine. If I haven't said what I'm thinking of, ask me what I love that's close to what I want.\n\nFirst, make a faithful clone of that thing: as close to the original as you can get, using whatever this setup has. Respect copyright and licenses: this is for my own use and learning, and say if something can't be reused.\n\nShow me the clone and wait. Then help me remix it one change at a time: a new theme, a new audience, my own content, or a combination with something nobody has combined it with before. Show me the result after each change, keep the original so we can compare, and finish with a before and after." }, "p-BORROW-2": { "id": "p-BORROW-2", "title": "Research the experts' method", "stage": 2, "checks": [ "BORROW-2" ], "primary": true, "body": "I want to do a kind of work the way the best people in that field do it, not the average way. If I haven't said which kind of work, ask me.\n\nResearch who is genuinely excellent at it and how they work: their methods, standards, checklists, frameworks, and the mistakes beginners keep making. Prefer people who show their work and sources you can link to. Separate broad consensus from one person's opinion.\n\nShow me two or three methods side by side, what each is optimized for, and which you'd recommend for my situation, then wait for me to choose. Then walk me through the chosen method on one real piece of my work, step by step, and tell me where my result falls short of the expert standard. Offer to save the method somewhere I keep notes, crediting the source." }, "p-BORROW-3": { "id": "p-BORROW-3", "title": "Learn the words experts use", "stage": 2, "checks": [ "BORROW-3" ], "primary": true, "body": "I'm new to a field and I don't know the words experts use, so my requests come out vague. If I haven't said which field or what I'm trying to make, ask me.\n\nTeach me the vocabulary that matters for what I want: the terms practitioners use to tell apart things a beginner would lump together (the way pixel art differs from 8-bit, or a hook from a chorus). For each term, give a one-line meaning and a famous example I can look at. Keep it to the ten or so that would most change a result.\n\nThen help me rewrite one of my prompts using the right words, run both versions, and show me the results side by side so I can see what the vocabulary bought me. Offer to save the glossary where I keep notes." }, "p-BORROW-4": { "id": "p-BORROW-4", "title": "Brief with references", "stage": 2, "checks": [ "BORROW-4" ], "primary": true, "body": "I want to direct you with references instead of adjectives, because \"modern and clean\" gets the generic look. If I haven't said what we're making, ask me.\n\nHelp me gather references: things whose look, tone, structure, or feel I want. I may give you screenshots, links, or files; if I don't have any, search for strong candidates (galleries like recent.design, siteinspire, or Mobbin are good for design) and show me a dozen to react to. Ask me what I like about each one I pick, specifically.\n\nThen write a short brief from the references: what to take from each, and what to avoid. Show it to me, then make the thing from it. Finish by showing the result next to the references, and tell me which reference influenced which choice." }, "p-BORROW-5": { "id": "p-BORROW-5", "title": "Bring your own material", "stage": 2, "checks": [ "BORROW-5" ], "primary": true, "body": "The best source material for what I'm making is probably my own: my notes, past work, things I've written or collected, my taste. Use it.\n\nAsk me what we're making if I haven't said. Then look for relevant material of mine wherever I point you; I may keep a personal folder, notes, documents, or nothing organized yet, so check and ask rather than assume. If you can't reach it, ask me to paste or upload the best pieces. Read without changing anything.\n\nTell me what you found that's distinctive: recurring themes, phrases, preferences, stories, or images that only I would have. Suggest how to combine them with the best outside examples or expert methods, and wait for me to choose. Then make it, and point out which parts came from my material." }, "p-BRIEF-1": { "id": "p-BRIEF-1", "title": "Write a seven-part brief", "stage": 3, "checks": [ "BRIEF-1" ], "primary": true, "body": "Help me write a great brief for something I care about, so you can do it well the first time. If I haven't told you what it is, ask.\n\nA great brief usually covers seven things: the intent (what, why, and the stretch goal), taste and references (how it should feel, what to copy and avoid), the audience and the response we want, the tools and resources you may use, what's fixed versus your call, the order of work where order matters, and how you'll check and improve your own work before calling it done.\n\nInterview me briefly, one question at a time, to fill the gaps that matter, and skip parts that genuinely don't apply. Show me the finished brief and wait for my go. Then do the work from it, and tell me which part of the brief made the biggest difference. Offer to save the brief as a template." }, "p-BRIEF-2": { "id": "p-BRIEF-2", "title": "Decide what's fixed and what's free", "stage": 3, "checks": [ "BRIEF-2" ], "primary": true, "body": "Help me decide, for something we're about to make, which decisions are fixed, which are yours, and where I only have a suggestion. If I haven't said what we're making, ask me.\n\nList the important decisions the work involves, in plain words. For each, ask me whether it's fixed (and what it must be), up to you, or a suggestion you can override with a good reason. Push back if I'm fixing things I don't really care about, since over-specifying gets me my own first idea back, and point out anything I've left open that could go badly.\n\nWrite the result as a short section I can add to a brief. Then do the work, and afterwards tell me where you used the freedom and what you chose." }, "p-BRIEF-3": { "id": "p-BRIEF-3", "title": "Build in a self-check", "stage": 3, "checks": [ "BRIEF-3" ], "primary": true, "body": "Before you call this work done, I want you to check and improve it yourself, the way a demanding reviewer would. If I haven't said what we're working on, ask.\n\nFirst tell me how you'll judge it: what good looks like for this kind of work, and how you can actually observe the result (open it, run it, screenshot it at different sizes, read it start to finish, listen to it). Wait for me to agree.\n\nThen inspect the real result, not your memory of making it. List the worst problems you can actually point to (up to ten, ranked; don't invent any), check any factual claims against their sources, fix the top three, and inspect it again. Show me the before and after, with evidence, and tell me what's still weak. Offer to add the check to my brief template or my agent instructions so it happens every time." }, "p-STEER-1": { "id": "p-STEER-1", "title": "Build a comparison gallery", "stage": 4, "checks": [ "STEER-1" ], "primary": true, "body": "Help me find the best version of something by making many and choosing, instead of accepting the first. If I haven't said what we're making, ask me.\n\nMake a wide range of versions that differ in meaningful ways (style, tone, structure, approach), not small variations of one idea. Use whatever generation tools are available here for images, sound, or video; generate text and designs directly. Put them side by side on one page (an artifact, or a simple local page if you can make files here), with almost no text around them so the work speaks.\n\nAsk me which I like and why, then make a new round that pushes further in that direction, and keep every round so I can compare. After two or three rounds, help me put my taste into words, and offer to save that description for next time." }, "p-STEER-2": { "id": "p-STEER-2", "title": "Trust your gut", "stage": 4, "checks": [ "STEER-2" ], "primary": true, "body": "Something about working with you on this doesn't feel right, and I want to find out why instead of just pushing through.\n\nAsk me how I'm feeling about the result or the process (frustrated, confused, bored, distrustful, or something else) and what triggered it. Then help me work out the most likely cause: context you didn't have, context that was stale or contradictory, a goal that was never clear, or a tool or permission you were missing.\n\nTell me the single most likely cause and how sure you are. Propose the smallest fix, which might be a clearer goal, a missing fact, or a fresh start, and wait for me to agree. Try again with the fix, and ask me whether it feels better. If it's a fix worth keeping, offer to write it down where future sessions will see it." }, "p-STEER-3": { "id": "p-STEER-3", "title": "Say exactly what's wrong", "stage": 4, "checks": [ "STEER-3" ], "primary": true, "body": "I want to get better at giving you feedback that actually moves the work forward.\n\nShow me the current result. I'll tell you what I think, probably vaguely at first. When my feedback is vague (\"make it better\", \"it feels off\"), help me turn it into specific observations by asking what exactly I'm reacting to, or by showing me two small variations to compare. I don't need to know the technical cause; plain words are fine.\n\nThen make one change at a time, and show me the result after each, so I can tell what each change did. Don't change things I didn't mention. If a change makes something else worse, say so. At the end, list the feedback that made the biggest difference, so I learn what good feedback sounds like." }, "p-STEER-4": { "id": "p-STEER-4", "title": "Start fresh instead of arguing", "stage": 4, "checks": [ "STEER-4" ], "primary": true, "body": "We seem to be going in circles, and I'd rather start fresh than keep arguing.\n\nFirst, help me save what we've learned: what we were trying to do, what worked, what didn't, the approaches that failed and why, and any facts we established along the way. Find the last version of the work that was actually good, if there is one; check whether this project has saved versions or history before assuming it does, and don't delete anything.\n\nThen write a better brief for a fresh start that includes those lessons, so a new conversation won't repeat the same mistakes. Show it to me. I'll open a new conversation with it, or roll back to the good version and continue from there, whichever you think is more likely to work. Tell me which and why." }, "p-STEER-5": { "id": "p-STEER-5", "title": "Keep a prompt library", "stage": 4, "checks": [ "STEER-5" ], "primary": true, "body": "I want to keep the prompts that work, so I'm not starting from zero every time.\n\nLook back through my recent conversations with you, if you can see them, and through anything I point you to or paste in, for prompts that produced results I liked. For each, note what it was for and what made it work: the reference, the precise wording, the constraint, or the check.\n\nHelp me decide where a prompt library should live. I may already keep a personal folder, a prompts file, a Claude project, or skills; check what this setup supports and what I already have before creating anything new, and ask me if it isn't obvious. Save the best prompts there with a short note each, and suggest which ones I repeat often enough to become a skill or a standing instruction. Show me what you saved and where." }, "p-RUN-1": { "id": "p-RUN-1", "title": "Run a goal loop", "stage": 5, "checks": [ "RUN-1" ], "primary": true, "body": "I want you to keep working on something until a clear finish line is true, instead of stopping when it seems done. If I haven't said what the work is, help me choose something worth a long run.\n\nHelp me write the finish line as one checkable condition: a state of the world, not a list of activities, plus the evidence that proves it (a test, a checklist, a file, an observable result). Add the constraints that must stay true along the way, and say how anything that can't be done should be reported. Find out what this agent offers for long runs (a goal mode, for example) and use the simplest option.\n\nShow me the condition, the likely time and cost, and a limit, and wait for my go. When it ends, show me the evidence, not just a claim." }, "p-RUN-2": { "id": "p-RUN-2", "title": "Run a gauntlet loop", "stage": 5, "checks": [ "RUN-2" ], "primary": true, "body": "I want to try a gauntlet loop: a long, demanding run where you plan, build, critique your work harshly against a high bar, and improve it, for hours. If I haven't said what we're making, help me choose something where excellence matters and you can judge it.\n\nHelp me write the bar first: what excellent looks like, specific and observable, with references if we have them. Then design the gauntlet of checks each round must pass, and how a harsh critic (another agent, if this setup supports it) will find the biggest gap each time. Find out what this agent offers for long runs and use the simplest setup.\n\nTell me the likely time and cost and set a limit. Show me the plan before starting. Afterwards, show me the result, how it changed round by round, and where the run wasted effort, so the next one goes better." }, "p-RUN-3": { "id": "p-RUN-3", "title": "Fan out", "stage": 5, "checks": [ "RUN-3" ], "primary": true, "body": "I want to try splitting a big piece of work across several agents working at once. If I haven't said what the work is, look at what I'm working on and suggest something with genuinely independent parts.\n\nGood candidates have parts that don't depend on each other: several sources to research, several styles to try, competing explanations to test, or a builder and a critic. If the work doesn't really split, tell me, and suggest doing it in one pass instead. Find out what this agent offers for parallel work (subagents, separate threads, or a workflow mode) and use the simplest option.\n\nShow me how you'd split it, how the results will come back together, and the likely cost, and wait for my go. Afterwards, show me the combined result and whether splitting actually beat a single agent." } }, "legend": { "req": "asking", "dep": "ingredients", "fb": "steering" } }