220 lines
13 KiB
HTML
220 lines
13 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en" data-theme="light">
|
||
<head>
|
||
<meta charset="UTF-8" />
|
||
<script src="/js/analytics.js"></script>
|
||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||
<title>Generative AI & Agentic Workflows | Zettai Systems</title>
|
||
<meta name="description" content="Multi-agent orchestration, human-in-the-loop task routing, and custom tool calling for enterprise generative AI workflows." />
|
||
<link rel="canonical" href="https://zettaisystems.com/services/agentic-ai" />
|
||
<meta property="og:type" content="website" />
|
||
<meta property="og:title" content="Generative AI & Agentic Workflows | Zettai Systems" />
|
||
<meta property="og:description" content="Multi-agent orchestration, human-in-the-loop task routing, and custom tool calling." />
|
||
<meta property="og:url" content="https://zettaisystems.com/services/agentic-ai" />
|
||
<meta property="og:image" content="https://zettaisystems.com/assets/logos/icon-square.png" />
|
||
<meta name="theme-color" content="#005498" />
|
||
<link rel="icon" href="/assets/logos/favicon.png" type="image/png" />
|
||
<link rel="apple-touch-icon" href="/assets/logos/icon-square.png" />
|
||
<link rel="stylesheet" href="/css/bootstrap.min.css" />
|
||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css" />
|
||
<link rel="stylesheet" href="/css/aos.css" />
|
||
<link rel="stylesheet" href="/css/style.css" />
|
||
<script>
|
||
(function () {
|
||
try {
|
||
var t = localStorage.getItem("zs-theme");
|
||
if (!t) t = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
|
||
document.documentElement.setAttribute("data-theme", t);
|
||
var icon = document.querySelector('link[rel="icon"]');
|
||
if (icon) icon.href = "/assets/logos/" + (t === "dark" ? "favicon-dark.png" : "favicon.png");
|
||
} catch (e) {}
|
||
})();
|
||
</script>
|
||
</head>
|
||
<body data-page="service">
|
||
<div id="site-header"></div>
|
||
|
||
<main id="main">
|
||
<section class="page-hero">
|
||
<div class="page-net" aria-hidden="true">
|
||
<div class="page-net-grid"></div>
|
||
<canvas class="page-net-canvas"></canvas>
|
||
<div class="page-net-glow"></div>
|
||
</div>
|
||
<div class="container-zs page-hero-content" data-aos="fade-up">
|
||
<nav aria-label="Breadcrumb">
|
||
<ol class="breadcrumb-zs">
|
||
<li><a href="../">Home</a></li>
|
||
<li class="sep" aria-hidden="true">›</li>
|
||
<li><a href="../services">Services</a></li>
|
||
<li class="sep" aria-hidden="true">›</li>
|
||
<li aria-current="page">Generative AI & Agentic Workflows</li>
|
||
</ol>
|
||
</nav>
|
||
<div class="eyebrow">Track A · AI Products</div>
|
||
<h1>Generative AI & Agentic Workflows</h1>
|
||
<p>Autonomous multi-agent orchestration, human-in-the-loop task routing, and custom tool calling—scoped to your systems of record.</p>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="section">
|
||
<div class="container-zs">
|
||
<div class="row g-4 align-items-start">
|
||
<div class="col-lg-7" data-aos="fade-up">
|
||
<div class="eyebrow">Overview</div>
|
||
<h2 class="section-title">Agents that operate inside your workflows</h2>
|
||
<p class="text-muted-zs mb-3">We build agent workflows around real tasks: retrieve a record, draft a response, file a ticket, or prepare a change. Tools are scoped to the APIs and data the job needs—not an open-ended bot with production credentials.</p>
|
||
<p class="text-muted-zs mb-0">High-impact steps stay behind human gates. Every tool call can be logged so operations and risk teams can see what ran, with which inputs, and who approved it.</p>
|
||
</div>
|
||
<div class="col-lg-5" data-aos="fade-up" data-aos-delay="80">
|
||
<article class="card-zs">
|
||
<div class="icon-badge"><i class="bi bi-robot"></i></div>
|
||
<h3>Good fit when you need</h3>
|
||
<ul class="benefit-list mt-3">
|
||
<li><i class="bi bi-check-circle-fill"></i><span>Repeatable back-office or support tasks that still need judgment</span></li>
|
||
<li><i class="bi bi-check-circle-fill"></i><span>Safe use of tools against ERP, CRM, or internal APIs</span></li>
|
||
<li><i class="bi bi-check-circle-fill"></i><span>A path from a prototype chatbot to a governed production agent</span></li>
|
||
</ul>
|
||
</article>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="section bg-soft">
|
||
<div class="container-zs">
|
||
<div class="section-header centered" data-aos="fade-up">
|
||
<div class="eyebrow">Capabilities</div>
|
||
<h2 class="section-title">What we implement</h2>
|
||
<p class="section-lead">Delivery-focused agent design—not unbounded autonomy.</p>
|
||
</div>
|
||
<div class="row g-4">
|
||
<div class="col-md-6 col-lg-4" data-aos="fade-up">
|
||
<article class="card-zs"><div class="icon-badge"><i class="bi bi-diagram-3"></i></div><h3>Multi-agent orchestration</h3><p>Coordinate specialist agents and tools with argument validation, timeouts, and a clear handoff graph.</p></article>
|
||
</div>
|
||
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="80">
|
||
<article class="card-zs"><div class="icon-badge"><i class="bi bi-person-check"></i></div><h3>Human-in-the-loop</h3><p>Require approval before writes, payments, customer messages, or privileged lookups.</p></article>
|
||
</div>
|
||
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="160">
|
||
<article class="card-zs"><div class="icon-badge"><i class="bi bi-journal-text"></i></div><h3>Step-level audit</h3><p>Persist prompts, tool results, and decisions so incidents can be reconstructed.</p></article>
|
||
</div>
|
||
<div class="col-md-6 col-lg-4" data-aos="fade-up">
|
||
<article class="card-zs"><div class="icon-badge"><i class="bi bi-link-45deg"></i></div><h3>System integration</h3><p>Connect agents to existing web, mobile, and ERP surfaces instead of a disconnected chat island.</p></article>
|
||
</div>
|
||
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="80">
|
||
<article class="card-zs"><div class="icon-badge"><i class="bi bi-shield"></i></div><h3>Scope & identity</h3><p>Run tools under service identities with least privilege, not a shared superuser key.</p></article>
|
||
</div>
|
||
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="160">
|
||
<article class="card-zs"><div class="icon-badge"><i class="bi bi-speedometer2"></i></div><h3>Evaluation loops</h3><p>Golden tasks and regression cases so agent changes are tested before they hit users.</p></article>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="section">
|
||
<div class="container-zs">
|
||
<div class="row g-4">
|
||
<div class="col-lg-5" data-aos="fade-up">
|
||
<div class="eyebrow">Benefits</div>
|
||
<h2 class="section-title">Why teams choose this path</h2>
|
||
<p class="text-muted-zs">Useful automation without giving a model the keys to the estate.</p>
|
||
</div>
|
||
<div class="col-lg-7" data-aos="fade-up" data-aos-delay="80">
|
||
<ul class="benefit-list">
|
||
<li><i class="bi bi-check-circle-fill"></i><span>Clear boundary between draft work and production writes</span></li>
|
||
<li><i class="bi bi-check-circle-fill"></i><span>Operators can see and stop a runaway tool loop</span></li>
|
||
<li><i class="bi bi-check-circle-fill"></i><span>Fits the Zettai Framework: lock scope before an agent is allowed to act</span></li>
|
||
<li><i class="bi bi-check-circle-fill"></i><span>A maintainable path after the first demo</span></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="section bg-soft">
|
||
<div class="container-zs">
|
||
<div class="section-header centered" data-aos="fade-up">
|
||
<div class="eyebrow">Process</div>
|
||
<h2 class="section-title">How We Deliver</h2>
|
||
</div>
|
||
<div class="process-track">
|
||
<div class="process-step" data-aos="fade-up"><div class="process-num">01</div><h3>Task map</h3><p>Identify jobs that are tool-shaped, not open chat.</p></div>
|
||
<div class="process-step" data-aos="fade-up" data-aos-delay="50"><div class="process-num">02</div><h3>Tool contract</h3><p>Specify APIs, permissions, and approval gates.</p></div>
|
||
<div class="process-step" data-aos="fade-up" data-aos-delay="100"><div class="process-num">03</div><h3>Pilot</h3><p>Run on a bounded dataset with human review.</p></div>
|
||
<div class="process-step" data-aos="fade-up" data-aos-delay="150"><div class="process-num">04</div><h3>Harden</h3><p>Add logging, evals, and rate limits.</p></div>
|
||
<div class="process-step" data-aos="fade-up" data-aos-delay="200"><div class="process-num">05</div><h3>Operate</h3><p>Hand over runbooks and expansion backlog.</p></div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="section">
|
||
<div class="container-zs">
|
||
<div class="section-header centered" data-aos="fade-up">
|
||
<div class="eyebrow">Technologies</div>
|
||
<h2 class="section-title">Tools We Work With</h2>
|
||
</div>
|
||
<div class="row g-4">
|
||
<div class="col-md-6 col-lg-4" data-aos="fade-up"><div class="tech-group"><h3>Orchestration</h3><div class="tech-pills"><span class="tech-pill">Python</span><span class="tech-pill">LangChain</span><span class="tech-pill">LlamaIndex</span><span class="tech-pill">LiteLLM</span></div></div></div>
|
||
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="80"><div class="tech-group"><h3>Models & cloud</h3><div class="tech-pills"><span class="tech-pill">Azure OpenAI</span><span class="tech-pill">AWS Bedrock</span><span class="tech-pill">Anthropic Claude API</span></div></div></div>
|
||
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="160"><div class="tech-group"><h3>Delivery</h3><div class="tech-pills"><span class="tech-pill">Evaluation</span><span class="tech-pill">Audit logs</span><span class="tech-pill">Human gates</span></div></div></div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="section bg-soft">
|
||
<div class="container-zs">
|
||
<div class="section-header centered" data-aos="fade-up">
|
||
<div class="eyebrow">FAQ</div>
|
||
<h2 class="section-title">Common Questions</h2>
|
||
</div>
|
||
<div class="accordion accordion-zs" id="faq-agentic">
|
||
<div class="accordion-item">
|
||
<h3 class="accordion-header">
|
||
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#faq-agentic-0" aria-expanded="true" aria-controls="faq-agentic-0">Do agents run unattended in production?</button>
|
||
</h3>
|
||
<div id="faq-agentic-0" class="accordion-collapse collapse show" data-bs-parent="#faq-agentic">
|
||
<div class="accordion-body">Read-only or low-risk steps can run automatically. Writes and customer-facing actions typically require a human gate until the task set is proven.</div>
|
||
</div>
|
||
</div>
|
||
<div class="accordion-item">
|
||
<h3 class="accordion-header">
|
||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq-agentic-1" aria-expanded="false" aria-controls="faq-agentic-1">Can this sit on our existing apps?</button>
|
||
</h3>
|
||
<div id="faq-agentic-1" class="accordion-collapse collapse" data-bs-parent="#faq-agentic">
|
||
<div class="accordion-body">Yes. We prefer agents as a layer on APIs you already own—web, mobile, ERP—rather than a standalone product that duplicates data.</div>
|
||
</div>
|
||
</div>
|
||
<div class="accordion-item">
|
||
<h3 class="accordion-header">
|
||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq-agentic-2" aria-expanded="false" aria-controls="faq-agentic-2">How does this relate to RAG?</button>
|
||
</h3>
|
||
<div id="faq-agentic-2" class="accordion-collapse collapse" data-bs-parent="#faq-agentic">
|
||
<div class="accordion-body">Many agents retrieve documents or records first. Enterprise RAG is the retrieval layer; agentic workflows add tools and actions on top.</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="section-sm">
|
||
<div class="container-zs" data-aos="zoom-in">
|
||
<div class="cta-band d-flex flex-column flex-lg-row align-items-lg-center justify-content-between gap-3">
|
||
<div>
|
||
<h2 class="mb-2">Have a workflow that should not be a chatbot?</h2>
|
||
<p class="mb-0">We’ll help you decide which steps are tools, which need a person, and what to lock before build.</p>
|
||
</div>
|
||
<a class="btn-zs btn-zs-light" href="../contact">Consult with a Solutions Architect <span class="arrow">→</span></a>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</main>
|
||
|
||
<div id="site-footer"></div>
|
||
|
||
<script>window.SITE_ROOT = "";</script>
|
||
<script src="/js/bootstrap.bundle.min.js"></script>
|
||
<script src="/js/aos.js"></script>
|
||
<script src="/js/main.js"></script>
|
||
</body>
|
||
</html>
|