Use Cursor everywhere you work

A unified workspace for agents across every surface.

Acme Research Dashboard

build a dashboard to visualize our findings

Explored 12 files, 4 searches

On it. I'll build the dashboard using your theme config, wire up the research data, and add interactive charts with public access controls.

Worked for 14m 22s

Processed screen recording

Done! Here's a walkthrough of the dashboard.

Acme Labs

Summary

Built the interactive dashboard with realtime charts, data from Snowflake, and shadcn components. Deployed to staging via Vercel.

Add a follow up...

import { useMemo } from "react";
import { InsightCard } from "./InsightCard";
import { FindingsChart } from "./FindingsChart";
import { ResearchFilters } from "./ResearchFilters";

type Finding = {
  id: string;
  label: string;
  confidence: number;
  trend: number[];
  category: "product" | "market" | "ops";
};

export function ResearchDashboard({
  findings,
}: {
  findings: Finding[];
}) {
  const summary = useMemo(() => {
    return findings.reduce(
      (acc, finding) => {
        acc.total += 1;
        acc.avgConfidence += finding.confidence;
        if (finding.category === "product") acc.product += 1;
        return acc;
      },
      { total: 0, avgConfidence: 0, product: 0 },
    );
  }, [findings]);

  const avgConfidence =
    summary.total > 0 ? Math.round(summary.avgConfidence / summary.total) : 0;

  return (
    <section className="grid gap-6">
      <header className="flex items-end justify-between">
        <div>
          <h1 className="text-2xl font-semibold">Research Dashboard</h1>
          <p className="text-sm text-slate-500">
            Explore findings, confidence, and rollout readiness.
          </p>
        </div>
        <ResearchFilters />
      </header>

      <div className="grid grid-cols-3 gap-4">
        <InsightCard label="Findings" value={summary.total} />
        <InsightCard label="Avg confidence" value={`${avgConfidence}%`} />
        <InsightCard label="Product signals" value={summary.product} />
      </div>

      <div className="rounded-2xl border border-slate-200 p-5">
        <FindingsChart
          series={findings.map((finding) => ({
            id: finding.id,
            label: finding.label,
            points: finding.trend,
          }))}
        />
      </div>
    </section>
  );
}

Desktop

An agent-first experience, with all the best parts of the editor for when you need them.

Download for Windows

Cursor Agent

> agent

Cursor Agent

~/anysphere/research · main

plan mission control interface

⬢Thought3s

⬢Read 3 files, 1 search1s

⬢Planned2s

⬢Read 2 files, 1 directory1s

Question

What data should the mission control display?

[x] Real-time metrics

[ ] System status

⬢Analyzed scope2s

⬡Spawning 3 agents

→Add a follow-up

esc to stop

◉Plan (shift+tab to cycle)

GPT-5.6 Sol Extra High Fast·8%

/ commands · @ files · ! shell

Terminal

Run agents in any terminal or script, with integrations to your preferred IDEs.

Integrate Now

Today

Vercel streaming SDK functionality

Analyzing codebase·dashboard-ui

Model selector dropdown

Planning next moves·stripe-landing

Implement agent window

2 models·agent-ui

Fix send button functionality

2 Files+26-12·agent-ui

This Week

Fix send button functionality

2 Files+26-12·agent-ui

Implement user authentication

3 Files+45-8·auth-system

Design responsive layout

5 Files+30-3·frontend

Set up database schema

4 Files+35-2·database

Create API endpoints

6 Files+50-5·backend

Ask Cursor to build, plan, fix...

Web

Kick off agents in the cloud from your browser, phone, or tools like Slack, GitHub, and Linear.

Start Cursor in Web