Files
openswarm/frontend/src/shared/starterCategories.ts
T

55 lines
2.8 KiB
TypeScript

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 a concrete prompt. Chosen to SHOWCASE what only OpenSwarm can do, and to feel PERSONAL: the agents can see the user's own computer/files, drive the browser, plug into their apps (MCPs), build real apps, and run agents in parallel, none of which a plain chatbot can do out of the box. Many prompts deliberately touch the user's own stuff so it matters to them. One-click-runnable (no [placeholders]); reads plainly for a non-dev. All run as a normal agent; the 'build' category (target 'app-builder') just prefills the composer in the welcome chat instead of auto-sending, since the agent builds the app in-place (it calls CreateApp and the live card drops on the canvas).
export type StarterCategory = {
id: string;
label: string;
Icon: LucideIcon;
prompts: string[];
target?: 'app-builder';
};
export const STARTER_CATEGORIES: StarterCategory[] = [
{
// Deep web research that ends in a real artifact (PDF, slideshow) + the parallel canvas.
id: 'research', label: 'Research', Icon: Search,
prompts: [
'Plan a 3-day Tokyo trip and turn it into a printable PDF itinerary',
'Make a slideshow presentation on black holes',
"Look at what I've been working on lately and write me a quick recap",
'Send 3 agents to plan my weekend at once: where to eat, what to do, what to watch',
],
},
{
// Full live apps built from the user's OWN stuff, not toy snippets a chatbot just prints.
id: 'build', label: 'Build an app', Icon: Hammer, target: 'app-builder',
prompts: [
'Make me Minecraft I can play right now',
'Build me a personal site from my resume',
'Turn a spreadsheet on my computer into a live dashboard',
'Build a habit tracker that remembers my streaks between visits',
],
},
{
// The browser agent: OpenSwarm's most powerful tool, it actually drives the web for you.
id: 'browse', label: 'Use the web', Icon: Globe,
prompts: [
'Send an agent to find the cheapest flights to Tokyo and show me the best options',
'Have an agent hunt down the best price on something I want to buy',
'Find and screenshot the top-rated coffee shops in my city',
'Watch an agent sign me up for a free newsletter on a site',
],
},
{
// MCPs: plug your real tools in and let agents work across them.
id: 'connect', label: 'Connect your apps', Icon: Plug,
prompts: [
'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',
],
},
];