From 7eff2b1a88f29eb1bbaf2f54f392ae64eae3f4df Mon Sep 17 00:00:00 2001 From: ciregenz Date: Sun, 14 Jun 2026 01:15:49 -0700 Subject: [PATCH] [eric] onboarding: revamp starter chips to showcase the differentiators (App Builder apps, browser agent, MCPs, file/PDF harness, parallel agents) --- frontend/src/shared/starterCategories.ts | 52 +++++++++++++----------- 1 file changed, 29 insertions(+), 23 deletions(-) diff --git a/frontend/src/shared/starterCategories.ts b/frontend/src/shared/starterCategories.ts index 5d6d84f5..ae61c341 100644 --- a/frontend/src/shared/starterCategories.ts +++ b/frontend/src/shared/starterCategories.ts @@ -1,10 +1,12 @@ -import { Search, Hammer, PenLine, GraduationCap } from 'lucide-react'; +import { Search, Hammer, Globe, Plug } from 'lucide-react'; import type { LucideIcon } from 'lucide-react'; // Two-level starters shared by the empty-state and the first-run welcome chat: pick a -// category, then its concrete prompts. Every prompt is one-click-runnable (no [placeholders]) -// and free-trial-safe, it touches the web or the App Builder sandbox, never the user's files. -// target 'app-builder' opens the App Builder (live preview); the rest run as a normal agent. +// category, then a concrete prompt. These are chosen to SHOWCASE what makes OpenSwarm +// different from a plain chatbot, real apps (App Builder), the browser agent, your own +// tools (MCPs), the file harness (PDFs/exports), and parallel agents on the canvas. Every +// prompt is one-click-runnable (no [placeholders]) and reads plainly for a non-dev. +// target 'app-builder' opens the App Builder (live preview); the rest run as an agent. export type StarterCategory = { id: string; label: string; @@ -15,39 +17,43 @@ export type StarterCategory = { export const STARTER_CATEGORIES: StarterCategory[] = [ { + // Web research that ends in a real artifact + parallel agents on the canvas. id: 'research', label: 'Research', Icon: Search, prompts: [ - 'Find today\'s top news and summarize it for me', - 'Compare the 3 best standing desks and recommend one', - 'Plan a weekend trip to Tokyo with a day-by-day itinerary', - 'Find the strangest world record I could actually break', + 'Plan a 3-day Tokyo trip and turn it into a printable PDF itinerary', + 'Compare the 5 best robot vacuums and make me a one-page buying guide', + 'Spin up 3 agents to research 3 competitors at once and tell me who wins', + "Find the latest on a topic I'll name and write me a brief with real sources", ], }, { - id: 'build', label: 'Build', Icon: Hammer, target: 'app-builder', + // The App Builder is a full app (logic + data + live preview), not a toy snippet. + id: 'build', label: 'Build an app', Icon: Hammer, target: 'app-builder', prompts: [ - 'Build a focus timer that dings when the break starts', - 'Make a tip calculator that splits the bill', - 'Create a Snake game I can play right now', - 'Build a tiny Minecraft-style block world I can walk around in', + 'Build a working expense tracker app with live charts', + 'Make a Snake game I can actually play right now', + 'Build a habit tracker that remembers my streaks between visits', + 'Create a little 3D block world I can walk around in', ], }, { - id: 'write', label: 'Write', Icon: PenLine, + // The browser agent: OpenSwarm's most powerful tool, it actually drives the web. + id: 'browse', label: 'Use the web', Icon: Globe, prompts: [ - 'Write a friendly email introducing myself to a new client', - 'Turn my rough notes into a polished update', - 'Write a product description for a coffee mug', - 'Write my morning routine as an epic fantasy quest', + 'Send an agent to find the cheapest flights to Tokyo and show me the best options', + 'Have an agent pull a clean list of the top-rated coffee shops in a city', + 'Find 3 well-reviewed standing desks online and screenshot the best one', + 'Watch an agent sign me up for a free newsletter on a site', ], }, { - id: 'learn', label: 'Learn', Icon: GraduationCap, + // MCPs: plug your real tools in and let agents work across them. + id: 'connect', label: 'Connect your apps', Icon: Plug, prompts: [ - 'Explain how AI chatbots actually work, in plain English', - 'Teach me the basics of investing in 5 minutes', - 'Explain the stock market like I\'m five', - 'What would happen if the moon disappeared tomorrow?', + 'Summarize my Gmail inbox and flag what actually needs a reply', + 'Turn my Notion notes into a clear action plan', + 'Look at my calendar and lay out a realistic plan for my week', + 'Pull a sheet from my Google Drive and chart what matters', ], }, ];