SEO example

app.py

@@ -1,7 +1,7 @@
 import gradio as gr
 
 import actions as a
-from examples import authenticate_google, best_clubs, generate_ad, summarize_website
+from examples import authenticate_google, best_clubs, generate_ad, seo, summarize_website
 from components import all_tasks, Tasks
 
 
@@ -15,7 +15,7 @@ with gr.Blocks() as demo:
     <br>
     <br>**AI Task**: Ask ChatGPT to do something for you. Eg, summarize a text.
     <br>**Code Task**: You will need code to do certain things that ChatGPT can't do, like access the internet or iterate over 4k+ tokens.
-    <br> With this task, ChatGPT will generate code to do something. The code must be generated before executing the task.
+    <br> With this task, ChatGPT will generate code and then execute. The code must be generated before executing all tasks.
     <br>
     <br>Output from previous tasks can be referenced in subsequen tasks with {tn}. Max 10 tasks allowed (for now).
     """
@@ -62,8 +62,9 @@ with gr.Blocks() as demo:
 
     # Examples
     summarize_website.render()
-    generate_ad.render()
+    seo.render()
     best_clubs.render()
+    generate_ad.render()
     authenticate_google.render()
 
 demo.launch()

components.py

@@ -201,12 +201,11 @@ class CodeTask(TaskComponent):
         print(f"Generating code.")
         try:
             raw_output = llm_call(
-                f"""I want you to write a python function to:
+                f"""Write a python function to:
                 {code_prompt}
 
-Name the function toolkit.
+Write the code for the function. Name the function toolkit.
 Use pip packages where available.
-For example, if you wanted to make a google search, use the googlesearch-python package instead of scraping google.
 Include the necessary imports.
 Instead of printing or saving to disk, the function should return the data."""
             )
@@ -225,7 +224,7 @@ Include only the packages that need to be installed with pip.
 Put them in a valid JSON:
 ```
 {{
-    "packages": Python list to be used with eval(). If no packages, empty list.
+    "packages": List of packages. If no packages, empty list.
 }}
 ```""",
                             f"""The following text has some python code:

examples/generate_ad.py

@@ -28,7 +28,7 @@ Avoid logos.""",
         2,
         "{t1}",
         visible=True,
-        code_value="Use openai key <put_your_openai_key_here>. Generate an image from a prompt. Return the url. (not the content)",
+        code_value="Use openai to generate an image from a prompt. Use they key {your_key}. Return the url.",
     ),
     AITask(
         1,

examples/seo.py

@@ -0,0 +1,44 @@
+import gradio as gr
+from components import AITask, CodeTask
+
+from examples import demo_buttons, demo_tasks
+
+
+DEMO_ID = __name__
+tasks = [
+    CodeTask(
+        0,
+        "https://techcrunch.com",
+        visible=True,
+        code_value="Get the text from a website. Remove empty lines.",
+    ),
+    AITask(
+        1,
+        """Here is the text from a website:
+{t0}
+
+Analyze it and give me recommendations to optimize its SEO. Give the recommendations in the order of most impactful to least impactful.""",
+        visible=True,
+    ),
+]
+demo_tasks[DEMO_ID] = tasks
+
+
+def render():
+    with gr.Tab("Example: SEO recommendations"):
+        demo_id = gr.Textbox(DEMO_ID, visible=False)
+        with gr.Box():
+            gr.Dropdown(
+                value=CodeTask.name,
+                label="Pick a new Task",
+                interactive=False,
+            )
+            tasks[0].render()
+        with gr.Box():
+            gr.Dropdown(
+                value=AITask.name,
+                label="Pick a new Task",
+                interactive=False,
+            )
+            tasks[1].render()
+        demo_buttons(demo_id, tasks)