feat: workflow recipes, eval badges, one-click MCP, playground upgrades, sample gallery, skill-of-the-week

Signature features that turn breadth (174 skills) into a differentiated product:

- Workflow recipes: 5 cross-profession chains (workflows.json) that pass each
  output forward — slash commands (/ship-a-feature etc.), WORKFLOWS.md generated
  by scripts/build-workflows.mjs, README + MCP (list_workflows/get_workflow) wired
- Eval-backed quality: real per-skill scores from evals/results.json surfaced as
  badges in the playground and an honest README section (6 scored skills)
- One-click MCP: 'claude mcp add' install + workflow tools, works in any MCP client
- Playground: 'which skill?' recommender, with/without compare toggle, shareable
  ?skill= deep-links with prefilled inputs
- Sample-output gallery: hand-written examples for the hero five + generator
  (scripts/build-samples.mjs) + web/examples.html
- Skill-of-the-week: scheduled workflow + script that composes X/LinkedIn posts
  and posts to an optional webhook

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

web/index.html

@@ -34,7 +34,12 @@
   <div class="key-note">
     🔒 Your key is stored only in this browser and sent directly to api.anthropic.com — never to us.
     Get one at <a href="https://console.anthropic.com/settings/keys" target="_blank" rel="noopener">console.anthropic.com</a>.
-    · 📚 <a href="catalog.html">Catalog</a> · 🏆 <a href="leaderboard.html">Leaderboard</a>
+    · 📄 <a href="examples.html">Sample outputs</a> · 📚 <a href="catalog.html">Catalog</a> · 🏆 <a href="leaderboard.html">Leaderboard</a>
+  </div>
+
+  <div class="recommend" id="recommend">
+    <input id="recommendInput" type="text" placeholder="🧭 Not sure which skill? Describe your task — e.g. “explain a metric drop to my CEO”" />
+    <div id="recommendResults" class="recommend-results" hidden></div>
   </div>
 
   <div class="controls" id="controls">
@@ -60,8 +65,11 @@
       <div class="skill-head">
         <span class="bundle-tag" id="skillBundle"></span>
         <span class="tier-tag" id="skillTier"></span>
+        <span class="eval-badge" id="skillEval" hidden></span>
         <h2 id="skillTitle"></h2>
         <p id="skillDesc" class="skill-desc"></p>
+        <button id="shareBtn" class="ghost share-btn" type="button" title="Copy a link that opens this skill with these inputs">🔗 Share</button>
+        <span id="shareMsg" class="copy-msg"></span>
       </div>
 
       <details class="elsewhere" id="elsewhere">
@@ -80,6 +88,7 @@
       <div class="actions">
         <button id="runBtn" class="primary" type="button">Run with my Claude key</button>
         <button id="stopBtn" class="ghost" type="button" hidden>Stop</button>
+        <label class="compare-toggle" title="Run the same inputs with and without the skill, side by side"><input type="checkbox" id="compareToggle" /> ⚖️ Compare vs. plain prompt</label>
         <span id="status" class="status"></span>
       </div>
 
@@ -92,6 +101,7 @@
           </div>
         </div>
         <article id="output" class="output markdown"></article>
+        <div id="compareGrid" class="compare-grid" hidden></div>
       </div>
     </section>
   </main>