docs: Add "Add Recipe button" To Recipe Cookbook (#3038)

.github/ISSUE_TEMPLATE/submit-recipe.yml

@@ -10,13 +10,13 @@ body:
         Recipes are reusable sessions created in Goose Desktop or CLI and shared with the community to help others vibe-code faster.
 
         📌 **How to Submit**
-        - Create your recipe using Goose (“Make Agent from this session”)
+        - Create your recipe using Goose ("Make Agent from this session")
         - Fill out the JSON below using the format provided
-        - Paste it into the field and submit the issue — we’ll review and add it to the Cookbook!
+        - Paste it into the field and submit the issue — we'll review and add it to the Cookbook!
 
         🪄 **What Happens After?**
-        - If accepted, we’ll publish your recipe to the [Goose Recipes Cookbook](https://block.github.io/goose/recipes)
+        - If accepted, we'll publish your recipe to the [Goose Recipes Cookbook](https://block.github.io/goose/recipes)
-        - You’ll receive LLM credits as a thank-you!
+        - You'll receive LLM credits as a thank-you!
         - Your GitHub handle will be displayed and linked on the recipe card
 
   - type: textarea
@@ -26,14 +26,16 @@ body:
       description: Use the structure below and be sure to include your GitHub handle.
       placeholder: |
         {
-          "id": "pr-generator",
+          "id": "joke-of-the-day",
-          "title": "PR Generator",
+          "title": "Joke of the day",
-          "description": "Generate pull request descriptions based on staged changes and git history.",
+          "description": "Will tell you a joke of the day based on the current day",
-          "action": "Generate PR",
+          "instructions": "Your job is to tell a joke of the day",
-          "category": "Developer",
+          "prompt": "Based on what day it is today, generate a joke. Mention the day on the first line then an empty line and then the joke. Don't just say the date, but figure out if there's any cultural significance, like national shelves day",
-          "extensions": ["GitHub MCP", "Memory"],
+          "action": "Generate Joke",
-          "activities": ["Summarize changes", "Create PR branch", "Push PR"],
+          "category": "Entertainment",
-          "recipeUrl": "https://goose.block.xyz/recipe/pr-generator",
+          "extensions": ["Developer"],
+          "activities": ["Tell a joke", "Daily humor"],
+          "recipeUrl": "goose://recipe?config=...",
           "author": "your-github-handle"
         }
     validations:
@@ -44,8 +46,13 @@ body:
       value: |
         🛠 **Recipe Field Tips**
         - `"id"` should be lowercase, hyphenated, and unique (e.g. `my-awesome-recipe`)
+        - `"title"` is the display name of your recipe
+        - `"description"` should clearly explain what the recipe does
+        - `"instructions"` are the specific instructions for the Goose agent
+        - `"prompt"` is the initial prompt that starts the recipe when launched
         - `"action"` describes the core purpose of the recipe (e.g., `Generate Docs`)
         - `"category"` is the type of user this recipe is for (e.g., `Developer`, `Entertainment`)
         - `"extensions"` are the Goose tools this recipe uses
+        - `"activities"` are the main steps or capabilities of your recipe
         - `"recipeUrl"` is from Goose Desktop/CLI
-        - `"author"` is your GitHub handle — we’ll link to your profile in the Cookbook
+        - `"author"` is your GitHub handle — we'll link to your profile in the Cookbook

documentation/src/pages/recipes/index.tsx

@@ -98,9 +98,20 @@ export default function RecipePage() {
     <Layout>
       <div className="container mx-auto px-4 py-8 md:p-24">
         <div className="pb-8 md:pb-16">
-          <h1 className="text-4xl md:text-[64px] font-medium text-textProminent">
+          <div className="flex justify-between items-start mb-4">
-            Recipes Cookbook
+            <h1 className="text-4xl md:text-[64px] font-medium text-textProminent">
-          </h1>
+              Recipes Cookbook
+            </h1>
+            <Button
+              onClick={() => window.open('https://github.com/block/goose/issues/new?template=submit-recipe.yml', '_blank')}
+              className="bg-purple-600 hover:bg-purple-700 text-white flex items-center gap-2 cursor-pointer"
+            >
+              <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
+                <path d="M12 5v14M5 12h14"/>
+              </svg>
+              Submit Recipe
+            </Button>
+          </div>
           <p className="text-textProminent">
             Save time and skip setup — launch any{" "}
             <Link to="/docs/guides/session-recipes" className="text-purple-600 hover:underline">