c9ai
Version:
Universal AI assistant with vibe-based workflows, hybrid cloud+local AI, and comprehensive tool integration
116 lines (105 loc) • 4.89 kB
HTML
<html lang="en">
<head>
<meta charset="utf-8" />
<title>C9AI Demo Lineup</title>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<style>
:root {
--ink: #111;
--sub: #555;
--accent: #7c83ff;
--border: #ddd;
}
html, body { margin: 0; padding: 0; }
body { font: 14px/1.5 -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; color: var(--ink); }
.page { max-width: 840px; margin: 24px auto; padding: 24px; }
h1 { margin: 0 0 8px; font-size: 28px; }
.subtitle { color: var(--sub); margin-bottom: 18px; }
h2 { font-size: 18px; margin: 18px 0 8px; }
h3 { font-size: 15px; margin: 14px 0 6px; }
.section { border: 1px solid var(--border); border-radius: 10px; padding: 16px; margin: 14px 0; }
.kbd { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace; background: #f7f7f7; border: 1px solid #eee; border-radius: 6px; padding: 10px 12px; display: block; overflow-x: auto; }
.tip { color: var(--sub); font-size: 12px; }
ul { margin: 8px 0 8px 18px; }
.two-col { display: grid; grid-template-columns: 1fr; gap: 8px; }
@media print { .page { margin: 0; } a[href]::after{ content: " (" attr(href) ")"; font-size: 10px; color: var(--sub);} }
@media (min-width: 700px) { .two-col { grid-template-columns: 1fr 1fr; } }
</style>
</head>
<body>
<div class="page">
<h1>C9AI Demo Lineup</h1>
<div class="subtitle">High‑impact, 10–12 minute flow</div>
<div class="section">
<h2>Setup (2–3 min)</h2>
<div class="two-col">
<div>
<h3>Start local stack</h3>
<code class="kbd">c9ai stack -m /path/to/model.gguf -p 8080</code>
<div class="tip">Opens Agent API at http://127.0.0.1:8787 and checks llama.cpp health.</div>
</div>
<div>
<h3>Set provider (optional)</h3>
<code class="kbd"># macOS/Linux<br>export LOCAL_PROVIDER=llamacpp<br><br># Windows (PowerShell)<br>$env:LOCAL_PROVIDER = 'llamacpp'</code>
</div>
</div>
</div>
<div class="section">
<h2>1) Natural → Actions (3 min)</h2>
<h3>Interactive CLI</h3>
<code class="kbd">c9ai</code>
<ul>
<li>create a file notes.txt with 'hello team', then show it</li>
</ul>
<h3>One‑shot</h3>
<code class="kbd">c9ai agent "list files changed today in this repo"</code>
<div class="tip">Shows planned steps, then shell/fs tools.</div>
</div>
<div class="section">
<h2>2) Local AI + Tools (3 min)</h2>
<code class="kbd">c9ai agent -p llamacpp "show my node version and top 5 dirs"</code>
<code class="kbd">c9ai agent -t 0.8 "remove temp_test_module.js if present"</code>
<div class="tip">Privacy: runs fully local with llama.cpp.</div>
</div>
<div class="section">
<h2>3) Executive Calculator (2 min)</h2>
<code class="kbd">c9ai agent " @calc x=1. y=2. return x+y"</code>
<code class="kbd">c9ai agent " @calc npv(0.08, [-100000, 30000, 30000, 30000, 30000])"</code>
<div class="tip">Deterministic, structured results (no hallucinations).</div>
</div>
<div class="section">
<h2>4) Latest Headlines (2–3 min)</h2>
<code class="kbd">c9ai agent -a "web.search,rss.read" "fetch top headlines"</code>
<div class="tip">UI shows big titles, date + publisher, full‑width thumbnails, pill‑style Read more.</div>
</div>
<div class="section">
<h2>5) Quick File Ops (2 min)</h2>
<code class="kbd">c9ai agent 'jit file operation=count-lines input=README.md'</code>
<code class="kbd">c9ai agent 'jit file operation=extract-emails input=README.md'</code>
<code class="kbd">c9ai agent 'jit file operation=word-frequency input=README.md'</code>
</div>
<div class="section">
<h2>6) Start Stack via Shortcut (1 min)</h2>
<code class="kbd">c9ai-stack</code>
<div class="tip">Equivalent to <code>c9ai stack</code>; ensures llama.cpp + Agent API are up.</div>
</div>
<div class="section">
<h2>Optional Extras</h2>
<ul>
<li>GitHub issues: <code class="kbd">c9ai todo fetch-github -r owner/repo -l bug</code></li>
<li>Hybrid provider: <code class="kbd">c9ai agent -p claude-hybrid "summarize README into bullets"</code></li>
<li>CSV analyzer: <code class="kbd">c9ai agent 'jit analyze file=data.csv'</code></li>
</ul>
</div>
<div class="section">
<h2>Tips</h2>
<ul>
<li>Have a GGUF model ready (Phi‑3 mini) and verify llama.cpp health in advance.</li>
<li>Keep terminal + UI visible; switch providers on the fly when relevant.</li>
<li>If network is flaky, stick to <code>-p llamacpp</code> and local tasks.</li>
</ul>
</div>
</div>
</body>
</html>