Spaces:

mochingcode
/

moching

Running

File size: 6,714 Bytes

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Moching — Open-source AI Desktop Agent (Rust)</title>
<meta name="description" content="Moching is a digital operator that controls your entire PC — 219 native tools: screen perception, HID control, browser automation, Office suite, AI media. Open source, Rust core.">
<style>
  :root { --bg:#0b0f14; --card:#121821; --line:#1f2937; --green:#10b981; --txt:#e5e7eb; --mut:#9ca3af; }
  * { margin:0; padding:0; box-sizing:border-box; }
  body { background:var(--bg); color:var(--txt); font-family:'Segoe UI',system-ui,-apple-system,sans-serif; line-height:1.6; }
  .wrap { max-width:1040px; margin:0 auto; padding:0 24px; }
  .likebar { background:linear-gradient(90deg,#134e4a,#0b0f14); text-align:center; padding:10px 16px; font-size:15px; }
  .likebar a { color:#fbbf24; text-decoration:none; font-weight:600; }
  .likebar a:hover { text-decoration:underline; }
  header { padding:28px 0 12px; display:flex; align-items:center; justify-content:space-between; }
  .brand { display:flex; align-items:center; gap:10px; font-weight:700; font-size:20px; }
  .brand .m { color:var(--green); }
  nav a { color:var(--mut); text-decoration:none; margin-left:18px; font-size:14px; }
  nav a:hover { color:var(--txt); }
  .hero { text-align:center; padding:56px 0 40px; }
  .hero h1 { font-size:44px; line-height:1.15; letter-spacing:-.5px; }
  .hero h1 span { color:var(--green); }
  .hero p.sub { color:var(--mut); font-size:19px; max-width:720px; margin:18px auto 30px; }
  .cta { display:flex; gap:14px; justify-content:center; flex-wrap:wrap; }
  .btn { padding:13px 28px; border-radius:10px; text-decoration:none; font-weight:600; font-size:16px; transition:.15s; }
  .btn.primary { background:var(--green); color:#04110b; }
  .btn.primary:hover { filter:brightness(1.1); }
  .btn.ghost { border:1px solid var(--line); color:var(--txt); }
  .btn.ghost:hover { border-color:var(--green); color:var(--green); }
  .stats { display:flex; gap:26px; justify-content:center; margin-top:26px; color:var(--mut); font-size:14px; flex-wrap:wrap; }
  .stats b { color:var(--txt); }
  video, img.hero-img { width:100%; max-width:880px; display:block; margin:34px auto 0; border-radius:14px; border:1px solid var(--line); }
  h2 { text-align:center; font-size:30px; margin:64px 0 10px; }
  .sub2 { text-align:center; color:var(--mut); margin-bottom:36px; }
  .grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:16px; }
  .card { background:var(--card); border:1px solid var(--line); border-radius:14px; padding:24px; }
  .card h3 { font-size:17px; margin-bottom:8px; }
  .card p { color:var(--mut); font-size:14.5px; }
  .card .ic { font-size:26px; }
  .linkbox { text-align:center; margin:56px 0 20px; padding:30px 20px; background:var(--card); border:1px solid var(--line); border-radius:16px; }
  .linkbox h2 { margin:0 0 8px; font-size:24px; }
  .linkbox p { color:var(--mut); margin-bottom:18px; }
  footer { text-align:center; color:var(--mut); font-size:13px; padding:34px 0 40px; }
  footer a { color:var(--mut); }
</style>
</head>
<body>
<div class="likebar">❤️ Using Moching? <a href="https://huggingface.co/spaces/mochingcode/moching" target="_blank" rel="noopener">Like this Space</a> &amp; <a href="https://github.com/moching-ai-dev/moching" target="_blank" rel="noopener">star on GitHub</a> — it helps a lot!</div>
<div class="wrap">
  <header>
    <div class="brand"><span class="m">▲</span> Moching</div>
    <nav>
      <a href="https://github.com/moching-ai-dev/moching">GitHub</a>
      <a href="https://mochingcode.com">Website</a>
      <a href="https://huggingface.co/spaces/mochingcode/moching/discussions/2">Community</a>
    </nav>
  </header>

  <section class="hero">
    <h1>The AI Agent that operates<br>your <span>entire PC</span></h1>
    <p class="sub">Not a chatbot. Not a coding assistant. Moching is a <b>digital operator</b> — 219 native tools spanning screen perception, HID control, browser automation, Office suite and AI media. Open source. Rust core.</p>
    <div class="cta">
      <a class="btn primary" href="https://github.com/moching-ai-dev/moching/releases" target="_blank" rel="noopener">⬇️ Download for Windows</a>
      <a class="btn ghost" href="https://github.com/moching-ai-dev/moching" target="_blank" rel="noopener">★ Star on GitHub</a>
    </div>
    <div class="stats"><span><b>219</b> native tools</span><span><b>Rust</b> core</span><span><b>Win</b> + <b>macOS</b></span><span><b>Open source</b></span></div>
    <video src="https://huggingface.co/mochingcode/moching/resolve/main/moching_demo.mp4" controls muted loop autoplay playsinline poster=""></video>
  </section>

  <h2>What it can do</h2>
  <p class="sub2">Every capability is a native tool the agent can invoke.</p>
  <div class="grid">
    <div class="card"><div class="ic">🖥️</div><h3>Screen perception</h3><p>Reads and understands whatever is on screen — apps, dialogs, games, dashboards.</p></div>
    <div class="card"><div class="ic">🖱️</div><h3>HID control</h3><p>Moves the mouse and types like a person. Works across any desktop application.</p></div>
    <div class="card"><div class="ic">🌐</div><h3>Browser automation</h3><p>Drives real browsers end-to-end: navigation, forms, scraping, verification.</p></div>
    <div class="card"><div class="ic">📊</div><h3>Office suite</h3><p>Word, Excel and PowerPoint handled natively — reports and slides on autopilot.</p></div>
    <div class="card"><div class="ic">🎨</div><h3>AI media</h3><p>Image generation and editing built right into the agent loop.</p></div>
    <div class="card"><div class="ic">🦀</div><h3>Rust core</h3><p>Native performance with a low memory footprint. One installer, no dependencies.</p></div>
  </div>

  <div class="linkbox">
    <h2>Join the community</h2>
    <p>Updates, benchmarks and engineering notes are posted in the Space discussion.</p>
    <div class="cta">
      <a class="btn primary" href="https://huggingface.co/spaces/mochingcode/moching/discussions/2" target="_blank" rel="noopener">💬 Read &amp; reply</a>
      <a class="btn ghost" href="https://github.com/moching-ai-dev/moching/discussions/3" target="_blank" rel="noopener">GitHub Discussions</a>
    </div>
  </div>

  <footer>
    <a href="https://mochingcode.com">mochingcode.com</a> · <a href="https://github.com/moching-ai-dev/moching">GitHub</a> · <a href="https://huggingface.co/spaces/mochingcode/moching">Hugging Face</a>
    <br>Moching — open-source AI desktop agent. Built with a Rust core.
  </footer>
</div>
</body>
</html>