What Shall We Build Next?

Describe

Describe your task

Refine

Refine the plan

SubAgents

Review all agents

Deploy

Deploy your agent

A) SUBAGENT SUMMARY:  
"HTML Architect" generates a single index.html file (the SPA’s main entry point) containing a basic scaffold (header, placeholders for each app section, references to Tailwind CSS, and script tags).

B) FINAL TASK OUTPUT:  
[spa-html-file] – The complete, text-based contents of index.html

C) SUBAGENT INPUT:  
{appSpecification} – A textual description of how the HTML file should be structured (which sections to include, where to insert placeholders, references to Tailwind CSS, and any scripts).

E) SUBAGENT TASK SUMMARY:  
1) Subagent takes {appSpecification} as input.  
2) Subagent applies Skill #185 (Write Text (Or Copy) From Inputted Text) to produce the final HTML source code for index.html with the following requirements:  
   • References Tailwind CSS (via CDN or compiled link).  
   • Contains a header area with the application’s title/logo placeholder.  
   • Layout divisions/sections for:  
     – Channel Analysis  
     – Similar Channel Discovery  
     – Clip Optimization  
     – Viral Strategy Tools  
   • Placeholder <div> IDs or containers where dynamic data/scripts will be injected.  
   • <script> reference(s) for eventual main.js integration.  
3) Subagent outputs the complete HTML document text under the token [spa-html-file].

F) SILOS:  
• Single Silo:  
  – {appSpecification} → (Skill #185) → [spa-html-file]

SubAgent #1 - Diagram

Expand Diagram

A) SUBAGENT SUMMARY  
"Channel Analysis & Similar Discovery" takes in a single channel URL (YouTube or Instagram) and returns structured channel metrics (views, subscribers, engagement), extended channel details, niche-related keywords, and top 5 similar/trending channels with growth metrics.

B) FINAL TASK OUTPUT  
[channel-analysis-output] → A consolidated data object or JSON/string containing:  
1) Basic structured channel data (views, subscriber count, engagement).  
2) Extended channel info (approximate subscriber counts, content categories).  
3) Niche-related keywords.  
4) List of 5 similar/trending channels with key statistics and growth metrics.

C) SUBAGENT INPUT  
{channelUrl} → The user-provided YouTube or Instagram channel URL to analyze.

E) SUBAGENT TASK SUMMARY  
1) Use skill #226 (Extract Structured Data From 1x URL)  
   INPUT: {channelUrl}  
   OUTPUT: Structured data with basic metrics (views, subscribers, engagement).  
   (Call this “channelStructuredData”.)

2) Use skill #224 (Oracle Ask A Question)  
   INPUT: "Fetch more details about this channel, including approximate subscriber counts, typical content categories, and any available engagement info."  
   (Include “channelStructuredData” to help guide the oracle.)  
   OUTPUT: Extended channel info with deeper insights.  
   (Call this “extendedChannelInfo”.)

3) Use skill #218 (Brainstorm Related Keywords)  
   INPUT: The content categories or niche info from step (2).  
   OUTPUT: A concise set of related keywords.  
   (Call this “nicheKeywords”.)

4) Use skill #224 (Oracle Ask A Question) again  
   INPUT: "Find 5 trending channels in this niche with subscriber counts and growth metrics."  
   (Include “nicheKeywords” or “extendedChannelInfo” to provide niche context.)  
   OUTPUT: A list of 5 similar/trending channels with growth metrics.  
   (Call this “similarChannels”.)

5) Use skill #223 (Powerful LLM Prompt-to-Text Response) to Summarize Everything  
   INPUT: Combine channelStructuredData, extendedChannelInfo, nicheKeywords, and similarChannels.  
   OUTPUT: A single consolidated result returned as [channel-analysis-output].

F) SILOS  
• SILO 1: Channel Data Extraction  
  - #226 → channelStructuredData  
  - #224 → extendedChannelInfo

• SILO 2: Niche & Similar Channels  
  - #218 → nicheKeywords  
  - #224 → similarChannels

• SILO 3: Consolidation  
  - #223 → Summarize and produce [channel-analysis-output] as final.

SubAgent #2 - Diagram

Expand Diagram

A) SUBAGENT SUMMARY  
"Clip Optimizer" intelligently takes a YouTube video URL, converts it to MP3, transcribes the audio, analyzes beat/tempo, and finally recommends platform-specific clip segments.

B) FINAL TASK OUTPUT  
[clip-optimization-output] → A consolidated JavaScript-compatible object containing:  
• The audio transcript (with timecodes).  
• The beatpoints & tempo data.  
• Recommended clip timestamps optimized for TikTok, Instagram Reels, and YouTube.

C) SUBAGENT INPUT  
{videoUrl} (YouTube video link)

E) SUBAGENT TASK SUMMARY  
1) Use skill #193 - Download Entire YouTube Video As MP3  
   INPUT: {videoUrl} (the YouTube link).  
   OUTPUT: MP3 file URL.

2) Use skill #198 - Get Transcription Of MP3 (With Timings)  
   INPUT: [the MP3 file URL from step 1].  
   OUTPUT: Full audio transcript with timing markers.

3) Use skill #180 - Extract Beatpoints & Tempo of MP3  
   INPUT: [the same MP3 file URL].  
   OUTPUT: Basic beatpoints/downbeats plus tempo (BPM).

4) Use skill #190 - Write or rewrite text based on instructions  
   INPUT:  
      • The transcript from step 2,  
      • The beat/tempo data from step 3,  
      • Additional instructions requesting recommended “high-impact” clip timestamps for TikTok (e.g., 15s), Instagram (60s), and YouTube (longer).  
   OUTPUT: Text listing recommended clip segments with start/end times for each platform.

5) Use skill #223 - Powerful LLM Prompt-to-Text Response  
   PURPOSE: Summarize the transcript, beat/tempo data, and recommended clip segments into a single final object or structured JSON.  
   OUTPUT: [clip-optimization-output] ready for integration downstream.

F) SILOS  
• SILO 1: Audio Extraction  
   – Step 1 (#193)  
• SILO 2: Transcription & Beat Analysis  
   – Step 2 (#198)  
   – Step 3 (#180)  
• SILO 3: Clip Recommendation & Final Summarization  
   – Step 4 (#190)  
   – Step 5 (#223)

SubAgent #3 - Diagram

Expand Flow

A) SUBAGENT SUMMARY:  
"Viral Strategy Tools" gathers keyword-based hashtags, short “hook” texts, viral title ideas, and engagement prompts by analyzing the subagent’s input from [channel-analysis-output] and merging all suggestions into a single consolidated data object.

B) FINAL TASK OUTPUT:  
[viral-strategy-output]  
(This will be a JavaScript-friendly data structure or JSON object containing arrays/lists of trending hashtags, short hooks, viral titles, and engagement prompts.)

C) SUBAGENT INPUT:  
[channel-analysis-output]  
(Which is the consolidated result of the channel analysis, including niche keywords or topic insights.)

E) SUBAGENT TASK SUMMARY:

1) Read the input [channel-analysis-output], focusing on the channel niche/video topic.  
2) Skill #218 - Brainstorm Related Keywords  
   • INPUT: The channel niche or topic as extracted from [channel-analysis-output].  
   • OUTPUT: A list of 10 relevant keywords (with commentary), which can be adapted into hashtags.

3) Skill #186 - Create 2-10 Short MicroCopy Text  
   • INPUT: The same niche/topic (or any key concepts from [channel-analysis-output]) to guide short, attention-grabbing hook sentences.  
   • OUTPUT: A list of brief “hooks” (2-10 items).

4) Skill #223 - Powerful LLM Prompt-to-Text Response  
   • INPUT: A short summary referencing the channel’s niche plus an instruction: "Suggest viral titles and engagement prompts."  
   • OUTPUT: Suggested viral titles and calls-to-action (questions, prompts, or other engagement tactics).

5) Skill #223 (again) - Summarize Multiple Outputs  
   • INPUT: 1) The 10 keywords from Skill #218 (converted to hashtags or near-hashtags), 2) The short hooks from Skill #186, and 3) The viral titles/engagement prompts from Step 4.  
   • OUTPUT: A single consolidated data structure (the [viral-strategy-output]) containing:  
       {
         "hashtags": [...],  
         "hooks": [...],  
         "titles": [...],  
         "engagementPrompts": [...]
       }

F) SILOS:  
• SILO 1: Gathering/Generating Content  
   – #218 to produce related keywords  
   – #186 to produce hooks  
   – #223 to produce titles and prompts

• SILO 2: Consolidation  
   – #223 final step to merge all elements into [viral-strategy-output]

4 Template & Links

Expand Flow

A) SUBAGENT SUMMARY  
"Integration & UI Finalizer" merges the functionality and outputs from all previous subagents into a single, cohesive SPA by generating main.js and finalizing index.html as needed.

B) FINAL TASK OUTPUT  
[integrated-spa-script] → A single main.js file orchestrating all features (channel analysis, similar channel discovery, clip optimization, and viral strategy tools), plus any final edits to index.html.

C) SUBAGENT INPUT  
• [spa-html-file] (the HTML produced by Subagent 1)  
• [channel-analysis-output] (the collated data from Subagent 2)  
• [clip-optimization-output] (the data from Subagent 3 regarding clip timestamps, transcripts, etc.)  
• [viral-strategy-output] (the hashtags, hooks, titles, and prompts from Subagent 4)

E) SUBAGENT TASK SUMMARY  
1) Use skill #190 - Write or rewrite text based on instructions  
   - Purpose: Generate a comprehensive main.js code that ties together the channel analysis procedures, similar channel data, clip optimization features, and viral strategy tools. It will do so by reading instructions on how to integrate all subagent outputs (e.g., event listeners for user input, Chart.js usage for analytics, DOM manipulation, etc.).  
   - Inputs: A clear outline or instructions on how to merge [channel-analysis-output], [clip-optimization-output], and [viral-strategy-output] within the single-page application.  
   - Output: main.js (JavaScript text) with all functionality integrated.

2) Use skill #185 - Write Text (Or Copy) From Inputted Text  
   - Purpose: Append final touches to index.html, if necessary, such as linking to main.js properly, adding script tags, or referencing new elements (charts, sections) from the integrated code.  
   - Inputs: The final instructions on hooking up scripts, adjusting Tailwind references, or embedding chart sections.  
   - Output: Updated index.html references (if needed), plus confirmation of main.js integration.

F) SILOS  
• Silo 1: main.js Creation (skill #190)  
• Silo 2: Final HTML Updates (skill #185)

────────────────────────────────────────

When complete, this subagent produces a single main.js script ([integrated-spa-script]) that unifies all functionality into the SPA and ensures index.html is fully wired up to handle the newly added features.