wehub-resource-sync
404 lines
17 KiB
HTML
404 lines
17 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<title>Use Cases — Minds Cowork Docs</title>
|
|
<meta name="viewport" content="width=device-width,initial-scale=1" />
|
|
<meta name="description" content="Explore use cases for Minds Cowork. See how creators, operators, strategists, and teams automate workflows and build AI-powered apps, reports, and dashboards." />
|
|
<meta name="keywords" content="AI use cases, AI automation, workflow automation, AI for teams, content automation, data reports, knowledge workers, Minds Cowork" />
|
|
<meta name="robots" content="index, follow" />
|
|
<meta name="author" content="Minds Platform" />
|
|
<meta property="og:title" content="Use Cases — Minds Cowork" />
|
|
<meta property="og:description" content="Explore use cases for Minds Cowork. See how creators, operators, strategists, and teams automate workflows and build AI-powered apps, reports, and dashboards." />
|
|
<meta property="og:type" content="website" />
|
|
<meta property="og:site_name" content="Minds Cowork" />
|
|
<meta property="og:image" content="favicon.png" />
|
|
<meta name="twitter:card" content="summary" />
|
|
<meta name="twitter:site" content="@MindsDB" />
|
|
<meta name="twitter:title" content="Use Cases — Minds Cowork" />
|
|
<meta name="twitter:description" content="Explore use cases for Minds Cowork. See how creators, operators, strategists, and teams automate workflows and build AI-powered apps, reports, and dashboards." />
|
|
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&family=Josefin+Sans:wght@300;400;700&display=swap" rel="stylesheet" />
|
|
<style>
|
|
:root {
|
|
--bg: #080d18;
|
|
--surface: #0E1626;
|
|
--surface-2: #131D31;
|
|
--surface-3: #1A2640;
|
|
--line: #1E2A44;
|
|
--line-2: #2A3957;
|
|
--ink: #F2F6FF;
|
|
--ink-2: #C7D2E5;
|
|
--ink-3: #8A97AE;
|
|
--ink-4: #5C6B85;
|
|
--accent: #22D3EE;
|
|
--accent-bg: rgba(34,211,238,0.10);
|
|
--accent-glow: rgba(34,211,238,0.45);
|
|
--tint-1: #22D3EE;
|
|
--tint-2: #6EE7B7;
|
|
--tint-3: #FBBF24;
|
|
--tint-4: #F87171;
|
|
--tint-5: #C4B5FD;
|
|
--r: 6px; --r-lg: 10px; --r-xl: 16px;
|
|
--font-sans: 'Inter', ui-sans-serif, system-ui, sans-serif;
|
|
--font-display: 'Josefin Sans', 'Inter', sans-serif;
|
|
--font-mono: 'JetBrains Mono', ui-monospace, monospace;
|
|
}
|
|
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
|
|
html { color-scheme: dark; }
|
|
body { background: var(--bg); color: var(--ink-2); font-family: var(--font-sans); font-size: 15px; line-height: 1.65; -webkit-font-smoothing: antialiased; }
|
|
a { color: var(--accent); text-decoration: none; }
|
|
a:hover { opacity: 0.8; }
|
|
|
|
nav { position: sticky; top: 0; z-index: 40; background: rgba(8,13,24,0.80); backdrop-filter: saturate(160%) blur(16px); -webkit-backdrop-filter: saturate(160%) blur(16px); border-bottom: 1px solid var(--line); }
|
|
.nav-inner { max-width: 1100px; margin: 0 auto; padding: 0 24px; height: 52px; display: flex; align-items: center; gap: 32px; }
|
|
.brand { font-family: var(--font-mono); font-size: 11px; font-weight: 600; letter-spacing: 0.18em; text-transform: uppercase; color: var(--ink-3); display: flex; align-items: center; gap: 8px; }
|
|
.brand-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 8px var(--accent-glow); }
|
|
.nav-links { display: flex; gap: 24px; margin-left: auto; }
|
|
/* ── Mobile nav ── */
|
|
.hamburger {
|
|
display: none;
|
|
flex-direction: column; justify-content: center; gap: 5px;
|
|
width: 36px; height: 36px;
|
|
background: none; border: none; cursor: pointer;
|
|
padding: 4px; margin-left: auto; flex-shrink: 0;
|
|
}
|
|
.hamburger span {
|
|
display: block; width: 20px; height: 1.5px;
|
|
background: var(--ink-3); border-radius: 2px;
|
|
transition: transform 200ms, opacity 200ms, width 200ms;
|
|
transform-origin: center;
|
|
}
|
|
nav[data-open] .hamburger span:nth-child(1) { transform: translateY(6.5px) rotate(45deg); }
|
|
nav[data-open] .hamburger span:nth-child(2) { opacity: 0; width: 0; }
|
|
nav[data-open] .hamburger span:nth-child(3) { transform: translateY(-6.5px) rotate(-45deg); }
|
|
@media (max-width: 640px) {
|
|
.hamburger { display: flex; }
|
|
.nav-links {
|
|
display: none;
|
|
position: absolute; top: 52px; left: 0; right: 0;
|
|
flex-direction: column; gap: 0;
|
|
background: rgba(8,13,24,0.97);
|
|
backdrop-filter: saturate(160%) blur(16px);
|
|
-webkit-backdrop-filter: saturate(160%) blur(16px);
|
|
border-bottom: 1px solid var(--line);
|
|
padding: 8px 0;
|
|
z-index: 39;
|
|
}
|
|
nav[data-open] .nav-links { display: flex; }
|
|
.nav-links a {
|
|
padding: 12px 24px;
|
|
font-size: 14px;
|
|
border-left: 2px solid transparent;
|
|
}
|
|
.nav-links a.active { border-color: var(--accent); background: var(--accent-bg); }
|
|
}
|
|
|
|
.nav-links a { font-size: 13px; color: var(--ink-3); transition: color 120ms; }
|
|
.nav-links a:hover { color: var(--ink); opacity: 1; }
|
|
.nav-links a.active { color: var(--accent); }
|
|
|
|
/* ── Hero ── */
|
|
.hero-wrap { max-width: 1100px; margin: 0 auto; padding: 88px 24px 72px; }
|
|
.eyebrow { font-family: var(--font-mono); font-size: 11px; font-weight: 600; letter-spacing: 0.18em; text-transform: uppercase; color: var(--accent); margin-bottom: 14px; display: flex; align-items: center; gap: 8px; }
|
|
.eyebrow::before { content: ''; display: block; width: 24px; height: 1px; background: var(--accent); }
|
|
h1 { font-family: var(--font-display); font-size: clamp(32px, 5vw, 54px); font-weight: 700; letter-spacing: -0.01em; line-height: 1.06; color: var(--ink); margin-bottom: 20px; }
|
|
h1 em { font-style: normal; color: var(--accent); }
|
|
.lede { font-size: 17px; line-height: 1.65; color: var(--ink-3); max-width: 58ch; }
|
|
|
|
/* ── Primitive strip ── */
|
|
.primitives {
|
|
display: grid; gap: 16px; grid-template-columns: 1fr 1fr;
|
|
max-width: 700px; margin: 48px 0 0;
|
|
}
|
|
@media (max-width: 560px) { .primitives { grid-template-columns: 1fr; } }
|
|
.primitive {
|
|
background: var(--surface);
|
|
border: 1px solid var(--line);
|
|
border-radius: var(--r-xl);
|
|
padding: 24px;
|
|
}
|
|
.primitive .p-label {
|
|
font-size: 18px; font-weight: 700; color: var(--ink);
|
|
margin-bottom: 6px;
|
|
}
|
|
.primitive .p-label span { color: var(--accent); }
|
|
.primitive .p-desc { font-size: 14px; color: var(--ink-3); line-height: 1.55; }
|
|
|
|
/* ── Persona sections ── */
|
|
.personas { max-width: 1100px; margin: 0 auto; padding: 72px 24px 96px; }
|
|
|
|
.persona-block { margin-bottom: 72px; }
|
|
.persona-header {
|
|
display: flex; align-items: center; gap: 14px;
|
|
margin-bottom: 28px;
|
|
}
|
|
.persona-icon {
|
|
width: 44px; height: 44px;
|
|
border-radius: var(--r-lg);
|
|
display: flex; align-items: center; justify-content: center;
|
|
font-size: 20px; flex-shrink: 0;
|
|
}
|
|
h2 {
|
|
font-family: var(--font-display);
|
|
font-size: 26px; font-weight: 700;
|
|
letter-spacing: -0.01em; color: var(--ink);
|
|
}
|
|
.persona-sub { font-size: 14px; color: var(--ink-4); margin-top: 2px; }
|
|
|
|
.use-case-grid {
|
|
display: grid; gap: 14px;
|
|
grid-template-columns: 1fr;
|
|
}
|
|
@media (min-width: 640px) { .use-case-grid { grid-template-columns: 1fr 1fr; } }
|
|
@media (min-width: 900px) { .use-case-grid { grid-template-columns: repeat(3, 1fr); } }
|
|
|
|
.uc-card {
|
|
background: var(--surface);
|
|
border: 1px solid var(--line);
|
|
border-radius: var(--r-xl);
|
|
padding: 22px 22px 20px;
|
|
display: flex; flex-direction: column; gap: 10px;
|
|
transition: border-color 160ms, transform 160ms;
|
|
}
|
|
.uc-card:hover { border-color: var(--line-2); transform: translateY(-2px); }
|
|
.uc-tag {
|
|
font-family: var(--font-mono); font-size: 10px; font-weight: 600;
|
|
letter-spacing: 0.14em; text-transform: uppercase;
|
|
padding: 3px 9px; border-radius: 100px;
|
|
display: inline-flex; align-items: center; gap: 5px;
|
|
width: fit-content;
|
|
}
|
|
.uc-title { font-size: 15px; font-weight: 600; color: var(--ink); line-height: 1.35; }
|
|
.uc-desc { font-size: 13px; color: var(--ink-3); line-height: 1.55; flex: 1; }
|
|
.uc-flow {
|
|
font-family: var(--font-mono); font-size: 11.5px; color: var(--ink-4);
|
|
margin-top: 4px;
|
|
}
|
|
|
|
/* Persona colour themes */
|
|
.creators .persona-icon { background: rgba(34,211,238,0.12); }
|
|
.creators .uc-tag { background: rgba(34,211,238,0.10); color: var(--tint-1); }
|
|
.creators .uc-card:hover { border-color: rgba(34,211,238,0.25); }
|
|
|
|
.operators .persona-icon { background: rgba(110,231,183,0.12); }
|
|
.operators .uc-tag { background: rgba(110,231,183,0.10); color: var(--tint-2); }
|
|
.operators .uc-card:hover { border-color: rgba(110,231,183,0.25); }
|
|
|
|
.strategists .persona-icon { background: rgba(196,181,253,0.12); }
|
|
.strategists .uc-tag { background: rgba(196,181,253,0.10); color: var(--tint-5); }
|
|
.strategists .uc-card:hover { border-color: rgba(196,181,253,0.25); }
|
|
|
|
.everyone .persona-icon { background: rgba(251,191,36,0.12); }
|
|
.everyone .uc-tag { background: rgba(251,191,36,0.10); color: var(--tint-3); }
|
|
.everyone .uc-card:hover { border-color: rgba(251,191,36,0.25); }
|
|
|
|
/* ── CTA ── */
|
|
.cta-wrap {
|
|
max-width: 1100px; margin: 0 auto;
|
|
padding: 0 24px 96px;
|
|
}
|
|
.cta-block {
|
|
background: var(--surface);
|
|
border: 1px solid var(--line);
|
|
border-radius: var(--r-xl);
|
|
padding: 40px 40px;
|
|
display: flex; align-items: center; justify-content: space-between; gap: 24px; flex-wrap: wrap;
|
|
background-image: radial-gradient(ellipse 60% 100% at 80% 50%, rgba(34,211,238,0.05) 0%, transparent 70%);
|
|
}
|
|
.cta-text h3 { font-family: var(--font-display); font-size: 24px; font-weight: 700; color: var(--ink); margin-bottom: 8px; }
|
|
.cta-text p { font-size: 14px; color: var(--ink-3); max-width: 44ch; }
|
|
.cta-btn {
|
|
display: inline-flex; align-items: center; gap: 8px;
|
|
background: var(--accent); color: #080d18;
|
|
font-weight: 600; font-size: 14px;
|
|
padding: 11px 22px; border-radius: var(--r-lg);
|
|
white-space: nowrap; transition: opacity 140ms;
|
|
}
|
|
.cta-btn:hover { opacity: 0.85; }
|
|
|
|
footer { border-top: 1px solid var(--line); padding: 24px; text-align: center; font-family: var(--font-mono); font-size: 11px; color: var(--ink-4); letter-spacing: 0.06em; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
|
|
<nav>
|
|
<div class="nav-inner">
|
|
<div class="brand"><div class="brand-dot"></div>Minds Cowork</div>
|
|
<div class="nav-links">
|
|
<a href="index.html">Docs</a>
|
|
<a href="setup.html">Setup</a>
|
|
<a href="use-cases.html" class="active">Use Cases</a>
|
|
<a href="api.html">API</a>
|
|
<a href="https://github.com/mindsdb/minds-platform">GitHub ↗</a>
|
|
</div>
|
|
<button class="hamburger" aria-label="Toggle menu">
|
|
<span></span><span></span><span></span>
|
|
</button>
|
|
</div>
|
|
</nav>
|
|
|
|
<div class="hero-wrap">
|
|
<div class="eyebrow">Use Cases</div>
|
|
<h1>Two things.<br><em>Automate</em> and <em>Create.</em></h1>
|
|
<p class="lede">
|
|
Minds Cowork is built around two core primitives. Everything below is an expression of one or both.
|
|
</p>
|
|
<div class="primitives">
|
|
<div class="primitive">
|
|
<div class="p-label"><span>Automate</span></div>
|
|
<div class="p-desc">Recurring tasks that run without you — reports, monitoring, workflows, digests.</div>
|
|
</div>
|
|
<div class="primitive">
|
|
<div class="p-label"><span>Create</span></div>
|
|
<div class="p-desc">Artifacts that used to take hours — apps, decks, docs, analyses, dashboards.</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="personas">
|
|
|
|
<!-- Creators -->
|
|
<div class="persona-block creators">
|
|
<div class="persona-header">
|
|
<div class="persona-icon">✦</div>
|
|
<div>
|
|
<h2>Creators</h2>
|
|
<div class="persona-sub">Writers, designers, content teams</div>
|
|
</div>
|
|
</div>
|
|
<div class="use-case-grid">
|
|
<div class="uc-card">
|
|
<span class="uc-tag">Automate</span>
|
|
<div class="uc-title">Content pipeline on autopilot</div>
|
|
<div class="uc-desc">Draft, research, and publish in one run. The agent handles the full workflow from brief to publication.</div>
|
|
<div class="uc-flow">blog → social → newsletter</div>
|
|
</div>
|
|
<div class="uc-card">
|
|
<span class="uc-tag">Automate</span>
|
|
<div class="uc-title">Repurpose long-form content</div>
|
|
<div class="uc-desc">Feed a transcript or essay and get a Twitter thread, LinkedIn post, and email summary — automatically.</div>
|
|
<div class="uc-flow">video → clips → captions → posts</div>
|
|
</div>
|
|
<div class="uc-card">
|
|
<span class="uc-tag">Create</span>
|
|
<div class="uc-title">Personal knowledge base</div>
|
|
<div class="uc-desc">Upload your notes, docs, and bookmarks. Ask questions in plain language and get answers that actually reference your material.</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Operators -->
|
|
<div class="persona-block operators">
|
|
<div class="persona-header">
|
|
<div class="persona-icon">⬡</div>
|
|
<div>
|
|
<h2>Operators</h2>
|
|
<div class="persona-sub">Sales, support, finance, engineering teams</div>
|
|
</div>
|
|
</div>
|
|
<div class="use-case-grid">
|
|
<div class="uc-card">
|
|
<span class="uc-tag">Automate</span>
|
|
<div class="uc-title">Live data reports, written for you</div>
|
|
<div class="uc-desc">Connect your data source and set a schedule. Every Monday the agent pulls fresh numbers and writes the summary.</div>
|
|
<div class="uc-flow">data → analysis → digest → send</div>
|
|
</div>
|
|
<div class="uc-card">
|
|
<span class="uc-tag">Automate</span>
|
|
<div class="uc-title">Meeting notes to tasks</div>
|
|
<div class="uc-desc">Paste a transcript or upload a recording. The agent extracts action items and creates tasks — hands-free.</div>
|
|
<div class="uc-flow">meeting → notes → actions → tasks</div>
|
|
</div>
|
|
<div class="uc-card">
|
|
<span class="uc-tag">Automate</span>
|
|
<div class="uc-title">Thread monitoring and triage</div>
|
|
<div class="uc-desc">Monitor a Slack channel or email thread and surface only what actually needs a decision — nothing else.</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Strategists -->
|
|
<div class="persona-block strategists">
|
|
<div class="persona-header">
|
|
<div class="persona-icon">◈</div>
|
|
<div>
|
|
<h2>Strategists</h2>
|
|
<div class="persona-sub">Analysts, founders, product and research teams</div>
|
|
</div>
|
|
</div>
|
|
<div class="use-case-grid">
|
|
<div class="uc-card">
|
|
<span class="uc-tag">Create</span>
|
|
<div class="uc-title">Ask across all your data</div>
|
|
<div class="uc-desc">Query across docs, tickets, spreadsheets, and databases in plain language. No SQL, no dashboards.</div>
|
|
</div>
|
|
<div class="uc-card">
|
|
<span class="uc-tag">Automate</span>
|
|
<div class="uc-title">Competitive research digest</div>
|
|
<div class="uc-desc">Run a competitor sweep on a schedule. Every week you get a structured digest of what changed — pricing, features, messaging.</div>
|
|
<div class="uc-flow">sources → extract → compare → report</div>
|
|
</div>
|
|
<div class="uc-card">
|
|
<span class="uc-tag">Create</span>
|
|
<div class="uc-title">Synthesize feedback at scale</div>
|
|
<div class="uc-desc">Feed support tickets, reviews, and survey responses. Get back themes, sentiment, and concrete product signal.</div>
|
|
<div class="uc-flow">feedback → themes → insights → action</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Everyone -->
|
|
<div class="persona-block everyone">
|
|
<div class="persona-header">
|
|
<div class="persona-icon">◇</div>
|
|
<div>
|
|
<h2>For everyone</h2>
|
|
<div class="persona-sub">Any knowledge worker with repetitive work</div>
|
|
</div>
|
|
</div>
|
|
<div class="use-case-grid">
|
|
<div class="uc-card">
|
|
<span class="uc-tag">Automate</span>
|
|
<div class="uc-title">Automate any multi-step task</div>
|
|
<div class="uc-desc">If it involves reading something and writing something else on a schedule, the agent can own it.</div>
|
|
</div>
|
|
<div class="uc-card">
|
|
<span class="uc-tag">Create</span>
|
|
<div class="uc-title">Build internal AI tools</div>
|
|
<div class="uc-desc">Describe what your team needs. The agent builds it — a web app, a form, a dashboard — and deploys it, no engineering required.</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="cta-wrap">
|
|
<div class="cta-block">
|
|
<div class="cta-text">
|
|
<h3>Ready to build?</h3>
|
|
<p>Set up the platform in minutes and start automating your first workflow today.</p>
|
|
</div>
|
|
<a href="setup.html" class="cta-btn">Get started →</a>
|
|
</div>
|
|
</div>
|
|
|
|
<footer>
|
|
Minds Platform · Open Source · <a href="https://github.com/mindsdb/minds-platform">github.com/mindsdb/minds-platform</a>
|
|
</footer>
|
|
|
|
<script>
|
|
document.querySelector('.hamburger').addEventListener('click', function() {
|
|
const nav = this.closest('nav');
|
|
nav.toggleAttribute('data-open');
|
|
});
|
|
document.querySelectorAll('.nav-links a').forEach(function(a) {
|
|
a.addEventListener('click', function() {
|
|
document.querySelector('nav').removeAttribute('data-open');
|
|
});
|
|
});
|
|
</script>
|
|
</body>
|
|
</html>
|