Formatting

jmservera · Sep 20, 2024 · e0272f4 · e0272f4
1 parent 46b122b
commit e0272f4
Showing 1 changed file with 37 additions and 2 deletions.
diff --git a/web/promptlab_advanced.md b/web/promptlab_advanced.md
@@ -58,6 +58,9 @@ To begin, define the personas involved in your startup. This will help the LLM g
 **Prompt:**
 You are the CEO of a tech startup focused on sustainable energy solutions. Your role involves strategic planning, business development, and leading a team of experts in engineering and marketing. Your executive assistant is an experienced business strategist with a background in environmental science, tasked with supporting you in achieving the company's mission.
 *This **zero-shot prompt** sets the context and assigns roles without providing specific examples.*
+</div>
+
+<div class="step" markdown="1">
 
 ### Step 2: Generate a Comprehensive SWOT Analysis
 
@@ -66,6 +69,10 @@ A SWOT analysis is crucial for understanding your startup's strengths, weaknesse
 **Prompt:**As my executive assistant, please help me create a comprehensive SWOT analysis for our sustainable energy startup. Start by asking me questions to gather relevant information for each of the four categories: Strengths, Weaknesses, Opportunities, and Threats.
 *This prompt leverages the LLM's ability to navigate complexity by initiating an interactive process.*
 
+</div>
+
+<div class="step" markdown="1">
+
 ### Step 3: Structuring the SWOT Analysis
 
 Once the LLM gathers the necessary information, instruct it to present the SWOT analysis in a structured table format.
@@ -74,6 +81,7 @@ Once the LLM gathers the necessary information, instruct it to present the SWOT
 Based on the information we've discussed, please organize the SWOT analysis into a table with four columns: Strengths, Weaknesses, Opportunities, and Threats. Ensure each point is concise and clearly articulated.
 *Generating structured data helps in better visualization and analysis.*
 
+</div>
 </div>
 </div>
 
@@ -91,6 +99,10 @@ Utilize the LLM to gain insights and advice on business strategy topics relevant
 Given our SWOT analysis, what strategic initiatives should we prioritize to leverage our strengths and opportunities while addressing our weaknesses and mitigating threats? Provide a detailed plan with actionable steps.
 *This **conditional prompt** directs the LLM to generate specific strategic advice based on prior analysis.*
 
+</div>
+
+<div class="step" markdown="1">
+
 ### Step 2: Pros and Cons Table for Strategic Decisions
 
 When faced with strategic decisions, use the LLM to create a pros and cons table to evaluate options objectively.
@@ -107,6 +119,10 @@ We are considering expanding our product line to include solar-powered batteries
 | Meets increasing demand for renewable tech| Potential market saturation             |
 | Enhances brand reputation in sustainability| Requires new supply chain logistics     |
 
+</div>
+
+<div class="step" markdown="1">
+
 ### Step 3: Detailed SWOT Analysis with Interactive Input
 
 Enhance your SWOT analysis by allowing the LLM to ask targeted questions, ensuring a thorough evaluation.
@@ -115,6 +131,10 @@ Enhance your SWOT analysis by allowing the LLM to ask targeted questions, ensuri
 Let's refine our SWOT analysis further. Please ask specific questions about each category to ensure we have covered all critical aspects.
 *This interactive approach ensures comprehensive data collection for each SWOT category.*
 
+</div>
+
+<div class="step" markdown="1">
+
 ### Step 4: Creating Visual Concept Illustrations with HTML
 
 Visual representations can aid in communicating your startup's vision. Use the LLM to generate simple HTML code for concept illustrations.
@@ -126,7 +146,6 @@ Visual representations can aid in communicating your startup's vision. Use the L
 
 *Generating HTML code allows for easy integration of visual elements into presentations or websites.*
 
-**Expected Output:**
 <div>
 ```html
 <!DOCTYPE html>
@@ -166,6 +185,10 @@ Visual representations can aid in communicating your startup's vision. Use the L
 
 To display the HTML create a file with HTML extension and copy to the code over to the file
 
+</div>
+
+<div class="step" markdown="1">
+
 ### Step 5: Generating Diagrams with Mermaid.js
 For more complex visualizations like flowcharts or organizational structures, use Mermaid.js code generated by the LLM.
 
@@ -189,6 +212,10 @@ graph TD
 
 You can view this diagram at Mermaid Live Editor.*
 
+</div>
+
+<div class="step" markdown="1">
+
 ### Step 6: Implementing Chain-of-Thought Reasoning
 For complex problem-solving and strategic planning, utilize chain-of-thought prompting to guide the LLM through multi-step reasoning.
 
@@ -225,6 +252,10 @@ Sustainability Considerations:
 Incorporate eco-friendly practices to align with our sustainable mission.
 Partner with suppliers who prioritize environmental responsibility.
 
+</div>
+
+<div class="step" markdown="1">
+
 **Step 7: Optional Challenge – Comparing GPT-4o vs. OpenAI o1 Reasoning Models**
 Enhance your understanding of different LLM reasoning capabilities by comparing GPT-4o with the newer OpenAI o1 model.
 
@@ -250,7 +281,11 @@ Develop a comprehensive plan to integrate renewable energy sources into our exis
 
 This challenge will help you understand the practical applications and optimal use cases for different LLM reasoning models.
 
-</div> </div> <div class="section" markdown="1">
+</div>
+
+</div> </div> 
+
+<div class="section" markdown="1">
 
 Conclusion