bufo-bench / make.html
patrickleenyc's picture
Fix hosted skill download and UTF-8 rendering
52a34c4 verified
Raw History Blame Contribute Delete
5.14 kB
<!doctype html>
<html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Make your own Bufo &#8212; Bufo Benchmark</title><meta name="description" content="Copy the Bufo Benchmark prompts, download the original reference, or take a Bufo-making skill into your own image tool."><meta property="og:title" content="Make your own Bufo"><meta property="og:description" content="Copy a prompt, download the original frog, or take the Bufo Maker skill with you."><meta property="og:image" content="https://www.bufobench.com/og-image.png"><meta name="theme-color" content="#d9edb5"><link rel="icon" href="favicon.png"><link rel="stylesheet" href="styles.css"><link rel="stylesheet" href="make.css"></head>
<body><nav class="topbar" aria-label="Main navigation"><a href="index.html" class="brand">bufo bench &#8599;</a><div><a href="index.html#leaderboard">Leaderboard</a><a href="index.html#gallery">Gallery</a><a href="make.html" aria-current="page">Make a Bufo</a></div></nav>
<main class="make-page"><header class="make-intro"><div><h1>give him something to do.</h1><p>A coffee to hold. A pizza to become. He&#8217;s available.</p><p>Download Bufo, attach him in your image tool, and paste a prompt from below. The picture matters.</p><a class="button primary" href="downloads/froge-original.png" download>Download the original frog &#8595;</a></div><figure><img src="downloads/froge-original.png" alt="The original Bufo worry frog to attach as a reference"><figcaption>ready, in the loosest sense.</figcaption></figure></header>
<section id="benchmark-prompts"><div class="section-head"><div><h2>Same frog. Same homework.</h2><p>These are the full prompts we gave the models. Pick one and see how yours does.</p></div></div><label for="prompt-task">Pick a task</label><select id="prompt-task"></select><label for="benchmark-prompt" class="prompt-label">Complete benchmark prompt</label><textarea id="benchmark-prompt" readonly spellcheck="false" rows="13"></textarea><div class="prompt-actions"><button class="button primary" data-copy="benchmark-prompt">Copy full prompt</button><button class="button" id="copy-task-link">Copy link to this task</button></div><p class="fine">Attach the original each time. We&#8217;ve kept the test prompts unchanged, including their older advice about smooth shading. For rougher drawings and new jokes, try the recipe below. The same prompt can still give you a different frog.</p></section>
<section id="custom"><h2>What&#8217;s his problem today?</h2><p>Give him a small task or an unreasonable situation. We&#8217;ll wrap it in a prompt that asks for rough, homemade additions.</p><label class="prompt-label" for="joke">The situation</label><textarea id="joke" rows="3" maxlength="4000" placeholder="Bufo offering you a slice of pizza instead of an apology."></textarea><div class="prompt-actions"><button class="button" id="build-custom">Make my prompt &#8594;</button></div><label for="custom-prompt" class="prompt-label">Your complete prompt</label><textarea id="custom-prompt" readonly spellcheck="false" rows="11"></textarea><div class="prompt-actions"><button class="button primary" data-copy="custom-prompt">Copy my prompt</button></div><p class="fine">A hat usually means the same Bufo, now with a hat. &#8220;Bufo is corn&#8221; has more room to wander. Start with the joke. A little bad drawing is welcome; a glossy mascot with JPEG noise is still a glossy mascot.</p></section>
<section id="skill"><div class="section-head"><div><h2>For your assistant, too.</h2><p>Give your assistant the frog and the instructions in one download.</p></div><a class="button primary" href="https://huggingface.co/spaces/patrickleenyc/bufo-bench/resolve/main/downloads/bufo-maker.zip?download=true" download>Download Bufo Maker skill &#8595;</a></div><ol><li>Unzip the download and keep the <strong>bufo-maker</strong> folder together. The frog lives in there, along with the prompts and instructions.</li><li>Add the folder to your assistant&#8217;s skills directory using that tool&#8217;s installation instructions.</li><li>Ask: <strong>&#8220;Use bufo-maker to make a Bufo offering pizza.&#8221;</strong> Or: <strong>&#8220;Use bufo-maker to reproduce the coffee benchmark.&#8221;</strong></li></ol><p>Your assistant still needs an image tool that accepts a reference. Without one, the skill hands you a prompt and the image path to use elsewhere. You supply the model and any credits.</p><a href="downloads/bufo-maker-SKILL.md">Read SKILL.md</a><p class="fine">If your tool doesn&#8217;t use skills, copying a prompt and attaching Bufo works too.</p></section>
<p id="copy-status" role="status" aria-live="polite"></p><input id="link-fallback" aria-label="Select and copy this task link" readonly hidden><noscript><p>Enable JavaScript to select and copy prompts, or download the skill pack above to read all ten prompts.</p></noscript></main><footer><a href="index.html">Back to the benchmark</a><span>Please return him with all his pixels.</span></footer><script src="prompts-data.js"></script><script src="make.js"></script></body></html>