Shepherd Digest Chat Assistant - Confirm & Copy Final Agent Code

Describe

Describe your task

Refine

Refine the plan

SubAgents

Review all agents

Deploy

Deploy your agent

Review Final Agent Copy

Expand

[
  {
    "taskID": 1,
    "semanticTitleOfTask": "Gather Chat UI Requirements",
    "taskDescription": "This task collects the layout guidelines, branding requirements, and interaction flow needed to build a comprehensive chatbot UI snippet for ShepherdDigest.com.",
    "inputDescription": "Three inputs: VARIABLE1, VARIABLE2, VARIABLE3. These represent layout guidelines, branding specifications, and an interaction flow describing how the chatbot should behave.",
    "inputRequired": [
      "VARIABLE1",
      "VARIABLE2",
      "VARIABLE3"
    ],
    "outputDescription": "All relevant details packaged into a single object or structure that unifies the layout, branding, and interaction flow data.",
    "outputName": "chat_ui_specs",
    "promptInstruction": ""
  },
  {
    "taskID": 2,
    "semanticTitleOfTask": "Generate Complete Chatbot UI Code Bundle",
    "taskDescription": "Uses the requirements from the previous task to produce a single HTML/CSS/JS snippet that implements the chatbot’s interface and functionality.",
    "inputDescription": "One input - the combined chat UI specifications (layout, branding, interaction) gathered from the previous task.",
    "inputRequired": [
      "chat_ui_specs"
    ],
    "outputDescription": "A fully self-contained code snippet (HTML, CSS, and JavaScript) for embedding a professional, responsive chatbot widget.",
    "outputName": "chat_ui_code",
    "promptInstruction": "Generate a single, embeddable code snippet for a professional chatbot UI on ShepherdDigest.com, using layout, branding, and interaction instructions. Include a floating chat button, expandable chat window, typed messages, loading indicator, close/minimize button, responsive styling, transitions, distinct user/bot message bubbles, error handling, and memory for chat history. Use the provided brand colors and fonts. The snippet must be production-ready, contain HTML/CSS/JS in one block, and avoid external dependencies."
  },
  {
    "taskID": 226,
    "semanticTitleOfTask": "Extract Structured ShepherdDigest Website Content for Chatbot",
    "taskDescription": "This task crawls ShepherdDigest.com to gather relevant content, including FAQs, navigational elements, and key article snippets. It provides a structured dataset that the chatbot can later use to answer user queries and reference site materials.",
    "inputDescription": "Requires the website URL and any specific crawl instructions to determine what sections or elements of the site to examine (e.g., FAQs, headings, sidebars).",
    "inputRequired": [
      "website_url",
      "crawl_instructions"
    ],
    "outputDescription": "A structured dataset, typically in a hierarchical format, containing extracted site content such as FAQs, main headings, article snippets, navigation references, and any contact information or additional support details.",
    "outputName": "extracted_site_content",
    "promptInstruction": "You are tasked with analyzing ShepherdDigest.com to extract content valuable for a chatbot. Please crawl the website and extract: 1) All FAQ sections and answers, 2) Main navigation items and descriptions, 3) Key article headlines and summaries, 4) Contact or support details, and 5) Important sidebar or featured information. Each piece of content should include its source URL and relevant context within the site."
  },
  {
    "taskID": 223,
    "semanticTitleOfTask": "Generate Structured Chatbot Configuration File from Extracted Data",
    "taskDescription": "This task uses the structured website content (optionally combined with manual Q&A pairs) to build a comprehensive JSON/JS configuration file defining the chatbot’s knowledge base, navigation references, and interaction patterns.",
    "inputDescription": "Requires the previously extracted site content plus any manual Q&A pairs. Also needs instructions about how the config file should be formatted and what sections it should contain.",
    "inputRequired": [
      "extracted_site_content",
      "manual_qa_pairs",
      "config_format_instructions"
    ],
    "outputDescription": "A finalized JSON or JS file that includes distinct sections for QA pairs, navigation guides, response templates, fallback responses, and metadata. This file is used by the chatbot to process user queries and provide accurate answers.",
    "outputName": "site_config_file",
    "promptInstruction": "Create a comprehensive chatbot configuration file using the provided content. Transform each FAQ into a question-answer pair with relevant metadata, define response templates and navigation assistance, and include fallback responses for unknown queries. Structure the data in valid JSON or JS with sections for knowledgeBase, navigationGuides, responseTemplates, fallbackResponses, and metadata. Include comments explaining each section’s purpose and ensure quick, efficient querying and response generation for the chatbot."
  },
  {
    "taskID": 301,
    "semanticTitleOfTask": "Generate Server Setup Code",
    "taskDescription": "This task sets up the server environment. It receives the chosen backend language as input and outputs a block of code containing server initialization, imports, and basic configuration needed to run the chat API in a production environment.",
    "inputDescription": "One input: 'backend_language_choice' which specifies the programming language or framework to use for server setup. Additional optional inputs might provide environment variables or production best practices.",
    "inputRequired": [
      "backend_language_choice"
    ],
    "outputDescription": "A code block containing the server setup code, including necessary imports, middleware, and error handling scaffolding for best-practice deployment.",
    "outputName": "server_setup_code",
    "promptInstruction": "You are a backend developer creating a chat API. Generate the server setup code in `backend_language_choice`. Include necessary imports, middleware setup, and basic server configuration. The code should follow best practices for production deployment and include appropriate error handling. Return only the code block without explanation."
  },
  {
    "taskID": 302,
    "semanticTitleOfTask": "Generate Endpoint Definition Code",
    "taskDescription": "This task defines the chat endpoint that handles incoming POST requests. It will incorporate the endpoint requirements and ensure proper request validation, CORS handling, and a RESTful approach.",
    "inputDescription": "One input: 'endpoint_requirements' describing details for how the endpoint route and request structure should be handled. Additional optional inputs might define request headers, authentication, or other endpoint parameters.",
    "inputRequired": [
      "endpoint_requirements"
    ],
    "outputDescription": "A code block containing the endpoint definition, including route path, request method, and any needed validations or middleware for the chat API.",
    "outputName": "endpoint_definition_code",
    "promptInstruction": "You are a backend developer creating a chat API endpoint. Generate the code for a chat endpoint that accepts POST requests. The endpoint should be RESTful, include appropriate request validation, and follow the specified `endpoint_requirements`. Include CORS handling if necessary. Return only the code block without explanation."
  },
  {
    "taskID": 303,
    "semanticTitleOfTask": "Generate Request Processing Code",
    "taskDescription": "This task is responsible for creating code that processes incoming chat requests, integrates the provided configuration or AI model, and prepares the data needed for a valid response.",
    "inputDescription": "One input: 'config_integration_specs' describing how the chat logic should integrate with existing configurations or models. Additional optional inputs might define sanitization rules or external service calls.",
    "inputRequired": [
      "config_integration_specs"
    ],
    "outputDescription": "A code block implementing the request handling logic, including user input sanitization, fetching or calling the AI model, and preparing data for response.",
    "outputName": "request_handler_code",
    "promptInstruction": "You are a backend developer implementing chat request processing logic. Generate the code that handles incoming chat requests, processes the user's message, and prepares a response. The code should integrate with the specified configuration or AI model based on `config_integration_specs`. Include input sanitization and validation. Return only the code block without explanation."
  },
  {
    "taskID": 304,
    "semanticTitleOfTask": "Generate Response Formatting Code",
    "taskDescription": "This task creates the code that structures and returns the API responses, ensuring the responses contain the necessary fields like message content, timestamps, and error details, while also applying error handling best practices.",
    "inputDescription": "One input: 'error_handling_requirements' describing how errors and success responses should be formatted. Additional optional inputs might define custom fields needed for the response object.",
    "inputRequired": [
      "error_handling_requirements"
    ],
    "outputDescription": "A code block that solidifies the chat API's response, including how to handle errors, set HTTP status codes, and return the final data structure in JSON format.",
    "outputName": "response_format_code",
    "promptInstruction": "You are a backend developer implementing response handling for a chat API. Generate the code that formats and returns API responses. Include proper error handling based on `error_handling_requirements`, appropriate HTTP status codes, and consistent JSON response structure. The response format should include message content, timestamp, and any error details when applicable. Return only the code block without explanation."
  },
  {
    "taskID": 401,
    "semanticTitleOfTask": "Combine multiple code components (UI, config, backend) into a single unified JavaScript file",
    "taskDescription": "This task merges the front-end chatbot UI code, the site-specific configuration object, and references to the backend API endpoints into a single cohesive JavaScript file. The resulting code ensures the config is accessible to both UI and API components, references are properly aligned, event handling is consistent, and duplicated code is consolidated.",
    "inputDescription": "Inputs to this task include the front-end chatbot UI code, the site-specific configuration file, and the backend references or endpoint code. The function will unify these three sets of code into a single file, ensuring cross-dependency references are correct.",
    "inputRequired": [
      "chat_ui_code",
      "site_config_file",
      "backend_api_code"
    ],
    "outputDescription": "A single, consolidated JavaScript code file that merges the UI, config, and backend references. This merged file ensures all components properly reference each other, the config is accessible across the entire codebase, and all event handlers are connected. The output is not yet minified.",
    "outputName": "merged_js_file",
    "promptInstruction": "You are a senior JavaScript developer tasked with combining multiple components into a single, cohesive file. Take the following components: 1) A front-end chatbot UI code containing HTML, CSS, and JavaScript, 2) A site-specific configuration object, and 3) Backend API endpoint references. Combine them into a single JavaScript file while ensuring cross-references, config accessibility for UI and API, event handler connections, consolidated duplicated code, and a logical flow from initialization to runtime. Manage all dependencies, and provide the combined code with clear commenting."
  },
  {
    "taskID": 402,
    "semanticTitleOfTask": "Minify the merged JavaScript code for optimized embedding into ShepherdDigest.com",
    "taskDescription": "This task takes the merged JavaScript file and performs minification. It removes unnecessary whitespace and comments, shortens variable names, and ensures the final file remains fully functional while reducing file size. The output can be directly embedded in production.",
    "inputDescription": "The input for this task is the single JavaScript file produced by the previous merge step. By analyzing the code, the task systematically compresses it into a minified version, preserving functionality while removing extra formatting, spaces, and comments.",
    "inputRequired": [
      "merged_js_file"
    ],
    "outputDescription": "The final minified, production-ready JavaScript bundle that can be easily embedded in ShepherdDigest.com. By maintaining all essential logic while removing extraneous formatting, this output ensures minimal file size with maximum functionality.",
    "outputName": "minified_bundle",
    "promptInstruction": "You are a JavaScript optimization expert. Take the provided JavaScript code and create a minified version that removes all unnecessary whitespace and comments, shortens names where possible, and ensures the code remains injectible in a single script tag while preserving error handling. Please provide the result as valid JavaScript."
  },
  {
    "taskID": 501,
    "semanticTitleOfTask": "Validate Minified Chatbot Code",
    "taskDescription": "This task uses an LLM to analyze the minified JavaScript bundle for syntax or runtime errors, code smells, best practice violations, and potential security issues. The output is a concise, bullet-pointed validation report that highlights any concerns or confirms that no issues were detected.",
    "inputDescription": "This task requires the minified JavaScript bundle previously generated. The code is examined by the LLM to identify errors, anti-patterns, and other possible problems. If no issues are found, the report acknowledges this and confirms the checks performed.",
    "inputRequired": [
      "minified_bundle"
    ],
    "outputDescription": "A bullet-pointed validation report that details discovered issues, best practice violations, and/or verifies that no errors were detected in the minified code.",
    "outputName": "validation_report",
    "promptInstruction": "You are a senior JavaScript developer reviewing a minified chatbot code bundle. Provide a concise validation report focusing on: 1. Syntax or runtime issues 2. Code smells or anti-patterns 3. Best practice violations 4. Security concerns. Present findings in bullet points. If no issues, state 'No significant issues detected' and confirm what was checked."
  },
  {
    "taskID": 502,
    "semanticTitleOfTask": "Generate Embedding Documentation",
    "taskDescription": "This task creates comprehensive instructions for embedding the chatbot on ShepherdDigest.com or any similar site. The LLM will integrate the validation findings and optional user instructions to provide step-by-step setup details, code snippets, initialization steps, and troubleshooting guidelines.",
    "inputDescription": "This task requires the validated minified JavaScript bundle, any additional user instructions, and the validation report from the previous task. All these inputs are used to draft a clear, technical guide for web developers to embed and configure the chatbot.",
    "inputRequired": [
      "minified_bundle",
      "user_instructions",
      "validation_report"
    ],
    "outputDescription": "A detailed guide outlining how to embed the chatbot, including HTML snippet examples, initialization steps, dependencies, and troubleshooting advice based on any issues identified in the validation report.",
    "outputName": "embed_guide",
    "promptInstruction": "You are a technical documentation writer creating instructions for embedding a chatbot on a website. Using the provided chatbot code and validation report, produce a comprehensive guide including: 1. Step-by-step embedding instructions 2. HTML code snippets 3. Initialization steps 4. Dependencies 5. Troubleshooting tips. Write clearly for a web developer audience."
  },
  {
    "taskID": 185,
    "semanticTitleOfTask": "Format Final Documentation",
    "taskDescription": "This task merges the validation report and the embedding documentation into a well-structured Markdown document. It ensures that developers or site admins have a single, clear reference combining code validation details, installation instructions, configuration guidance, and troubleshooting tips.",
    "inputDescription": "This task requires the validation report generated in the first step and the embedding guide from the second step. Both are combined into a final Markdown output suitable for direct use or publication as official chatbot documentation.",
    "inputRequired": [
      "validation_report",
      "embed_guide"
    ],
    "outputDescription": "A professional Markdown document containing code validation summary, installation instructions, usage guide, dependencies, and troubleshooting information. All content is organized into sections with appropriate headings and formatting.",
    "outputName": "final_instructions",
    "promptInstruction": "Create a professional Markdown document that combines the validation report and embedding instructions. Structure the document with sections: 1. Code Validation Summary 2. Installation Instructions 3. Usage Guide 4. Dependencies (if any) 5. Troubleshooting. Use headers, code blocks, bullet points, and emphasis. Keep it clear, concise, and professional."
  },
  {
    "taskID": 601,
    "semanticTitleOfTask": "Generate a Chat UI for ShepherdDigest.com with HTML, CSS, and JS",
    "taskDescription": "This task uses an LLM to create a complete front-end code package for a website chatbot on ShepherdDigest.com. It produces a responsive HTML structure, matching CSS styling, and JavaScript functionality based on brand guidelines, layout, and interaction flow.",
    "inputDescription": "This task requires brand guidelines, desired layout, user interaction flow, and styling preferences to generate a cohesive chatbot interface. These define how users will engage with the chatbot and how the design will match ShepherdDigest's identity.",
    "inputRequired": [
      "brand_guidelines",
      "layout_requirements",
      "interaction_flow",
      "styling_preferences"
    ],
    "outputDescription": "A fully integrated code snippet, containing HTML, CSS, and JS, that can be embedded into ShepherdDigest.com to provide a responsive, branded chatbot widget. The code includes a collapsible chat interface, message display logic, animations, and error handling, ensuring a seamless user experience.",
    "outputName": "chat_ui_code_v2",
    "promptInstruction": "You are a front-end development expert tasked with creating a chatbot interface for ShepherdDigest.com. Generate production-ready code including: 1) Responsive HTML structure, 2) CSS styling matching ShepherdDigest branding, 3) JavaScript for user interactions and animations. Provide thorough comments and ensure accessibility compliance. Format the output as three code blocks (HTML, CSS, JS)."
  }
]

Happy? Now Copy-Paste To Proceed...

BACK TO SUBAGENTS

COPY TO CLIPBOARD