Website Design For Speaker Story

You are building a conversion-focused website for a motivational speaker & author targeting corporate/organizational event planners. Purpose: Book paid speaking engagements. Primary audience: Corporate event planners, associations, conferences, universities. Tone: Bold, inspirational, professional, authentic. Site name: “Tanked: The Tank Black Story” Primary CTA everywhere: “Book Tank” Color palette (from book cover): - #000000 (Deep Black) - #4B4B4B (Steel Gray) - #FFFFFF (White) - #C1121F (Tank Red - CTAs) - #D4AF37 (Gold Accent - highlights) Typography: - Headlines: Montserrat Bold or Oswald Bold - Subheads: Poppins Semi-Bold - Body: Lato or Roboto Please confirm you understand and are ready to create the sitemap next.

First, pre-entered info...

final-output2

subagents-extracted2

OVERVIEW OF SUBAGENTS  
1 Site Architect – IA (sitemap.json)  
2 Keyword & Copy Engine – SEO terms + content.json  
3 Brand Stylist – style.css  
4 Asset Wrangler – logo, photos, book cover, favicon (+ assets manifest)  
5 Static Builder – HTML pages, script.js (+ HTML manifest)  
6 SEO & Packager – sitemap.xml, robots.txt, build_manifest.sh (+ final ZIP)

––––– SUB-AGENT DETAILS (with I/O wiring) –––––

SUBAGENT 1 – Site Architect  
• Name: Site Architect  
• Final output: sitemap.json (single file)  
• Task sequence  
  1. Read brief → identify core pages: / (index), /about, /speaking, /contact  
  2. Outline ordered sections per page (hero, credibility bar, keynote topics, testimonials, CTA banner, etc.)  
  3. Return minified JSON as sitemap.json  
SUBAGENT REQUIRED INPUT: {project-brief}  
SUBAGENT FINAL OUTPUT: [sitemap-json]

SUBAGENT 2 – Keyword & Copy Engine  
• Name: Keyword & Copy Engine  
• Final output: content.json (single file)  
• Task sequence  
  1. Generate 5 high-intent keywords.  
  2. Write bold, inspirational copy for every page-section in sitemap.json, weave in keywords, embed "Book Tank" CTAs, add meta tags.  
  3. Consolidate into content.json  
SUBAGENT REQUIRED INPUT: {project-brief}, [sitemap-json]  
SUBAGENT FINAL OUTPUT: [content-json]

SUBAGENT 3 – Brand Stylist  
• Name: Brand Stylist  
• Final output: /css/style.css (single file)  
• Task sequence  
  1. Produce commented, production-ready CSS: variables for palette, Google-font @imports, resets, components, responsive break-points, WCAG checks.  
SUBAGENT REQUIRED INPUT: {project-brief}  
SUBAGENT FINAL OUTPUT: [style-css]

SUBAGENT 4 – Asset Wrangler  
• Name: Asset Wrangler  
• Final outputs (multiple files): logo, photos, book cover, favicon + assets_manifest.json  
• Task sequence  
  1. Generate transparent PNG text-logo "Tanked".  
  2. Source and optimise 2 keynote-speaker photos.  
  3. Create square book-cover art.  
  4. Create 32×32 favicon.  
  5. Produce assets_manifest.json summarising all assets.  
SUBAGENT REQUIRED INPUT: {project-brief}  
SUBAGENT FINAL OUTPUT: [assets-package]

SUBAGENT 5 – Static Builder  
• Name: Static Builder  
• Final outputs (multiple files): index.html, about.html, speaking.html, contact.html, /js/script.js, html_manifest.json  
• Task sequence  
  1. Consume sitemap.json, content.json, assets_manifest.json.  
  2. Generate base HTML template linking style.css & script.js.  
  3. Populate pages with copy, images, CTA buttons, contact form.  
  4. Create lightweight script.js (mobile-nav toggle, form validation).  
  5. Produce html_manifest.json listing generated files.  
SUBAGENT REQUIRED INPUT: {project-brief}, [sitemap-json], [content-json], [style-css], [assets-package]  
SUBAGENT FINAL OUTPUT: [html-package]

SUBAGENT 6 – SEO & Packager  
• Name: SEO & Packager  
• Final outputs (multiple files): sitemap.xml, robots.txt, build_manifest.sh, package_report.txt, tanked_site.zip  
• Task sequence  
  1. Generate XML sitemap.  
  2. Create robots.txt.  
  3. Write build_manifest.sh to assemble directory tree and zip everything.  
  4. Produce package_report.txt summarising contents.  
SUBAGENT REQUIRED INPUT: {project-brief}, [html-package], [assets-package], [style-css]  
SUBAGENT FINAL OUTPUT: [deploy-zip-package]

subagentnumber

Then, agent response...

subagent1refined-new-json-core

I'll add the G) TASKFLOW SUMMARY section for SUBAGENT 1, based on analyzing the tasks/skills shown in the existing documentation:

G) TASKFLOW SUMMARY

Skill #223: Generate Sitemap JSON Structure
- Title: Convert Project Brief to Structured Website Architecture JSON
- Description: Analyzes project requirements to generate a complete sitemap structure in JSON format, including all essential pages and their ordered content sections optimized for conversion
- Input(s): {project-brief}
- Output: [sitemap-json]

Task Details:
1. Parse project brief to identify required pages
2. Define ordered content sections for each page
3. Structure data according to specified JSON schema
4. Minify output JSON
5. Validate JSON structure and content

The flow has a single primary skill (#223) that handles the entire JSON generation process. This aligns with section F) which indicates this subagent operates as a single logical silo.

The task takes the project brief as input and produces a minified sitemap.json file through a series of structured steps, ultimately outputting the complete site architecture in a standardized JSON format.

Note: The skill ID #223 is preserved from the original documentation, as this appears to be the single core skill required for this subagent's operation.

Would you like me to elaborate on any aspect of this taskflow summary or provide more detail about specific steps within skill #223?

subagent1mermaid

<!DOCTYPE html>
<html>
<head>
  <title>Mermaid Diagram Example</title>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/mermaid/9.4.3/mermaid.min.js"></script>
</head>
<body>
  <div class="mermaid">
graph TD
    A[Project Brief Input] --> B[Site Architect Agent]
    B --> C[Skill #223: Generate Sitemap JSON]
    C --> D[Parse Brief - Extract Pages]
    D --> E[Define Content Sections]
    E --> F[Structure JSON Schema]
    F --> G[Minify JSON Output]
    G --> H[Validate JSON]
    H --> I[sitemap.json]
    
    subgraph Pages
    D --> D1[Homepage /]
    D --> D2[About /about]
    D --> D3[Speaking /speaking]
    D --> D4[Contact /contact]
    D --> D5[Book /book]
    end
    
    subgraph Sections
    E --> E1[Hero Banners]
    E --> E2[Credibility Bars]
    E --> E3[Content Blocks]
    E --> E4[CTA Sections]
    E --> E5[Contact Forms]
    end
    
    subgraph Schema
    F --> F1[siteName]
    F --> F2[baseUrl]
    F --> F3[pages Array]
    F3 --> F4[path]
    F3 --> F5[pageTitle]
    F3 --> F6[sections Array]
    end
  </div>

Mermaid Image - https://static.aiz.ac/1756920818-mermaid/mermaid1.png

prompts-required

subagent1-json-array

[{"taskID":223,"semanticTitleOfTask":"Convert project brief into minified sitemap.json","taskDescription":"Uses an LLM to analyze the speaker-site brief, determine all essential pages and ordered content sections, and output a single, fully-minified sitemap.json that meets the specified schema (including new /book page).","inputDescription":"One plain-text document containing the full project brief with brand, audience, goals, palette, typography, CTAs, and required /book page details.","inputRequired":["project-brief"],"outputDescription":"A UTF-8, single-line JSON file named sitemap.json containing siteName, baseUrl:\"/\", and pages[] with path, pageTitle, and ordered sections objects for every page; JSON is minified and ready for downstream subagents.","outputName":"sitemap-json","promptInstruction":"You are the Site Architect for a conversion-focused speaker website. 1) From the brief, list all required pages: / (home), /about, /speaking, /contact, and /book. 2) For each page, determine high-converting section order (e.g., hero, credibility-bar, keynote-topics, testimonials, CTA-banner; /book must have hero, book-summary, author-bio, reviews, cta-banner). 3) Return exactly one JSON object with keys: siteName \"Tanked: The Tank Black Story\", baseUrl \"/\", pages[]. 4) Minify—remove all whitespace, line-breaks, tabs. 5) Output ONLY the JSON, no extra text."}]

subagent1-json-array-mermaid

<!DOCTYPE html>
<html>
<head>
  <title>Mermaid Diagram Example</title>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/mermaid/9.4.3/mermaid.min.js"></script>
</head>
<body>
  <div class="mermaid">
graph TD
    A[Input: Project Brief] --> B[Task #223: Parse Brief]
    B --> C{Identify Pages}
    C --> D[Home]
    C --> E[About]
    C --> F[Speaking]
    C --> G[Contact]
    C --> H[Book]
    D --> I[Define Sections]
    E --> I
    F --> I
    G --> I
    H --> I
    I --> J[Structure JSON Schema]
    J --> K[Minify JSON]
    K --> L[Validate Output]
    L --> M[Output: sitemap.json]
    style A fill:#D4AF37
    style M fill:#C1121F
    style B fill:#4B4B4B
    style C fill:#4B4B4B
    style D fill:#000000
    style E fill:#000000
    style F fill:#000000
    style G fill:#000000
    style H fill:#000000
    style I fill:#4B4B4B
    style J fill:#4B4B4B
    style K fill:#4B4B4B
    style L fill:#4B4B4B
  </div>