Kyn AI: A company brain that does the work. (Design System, UI, Web)
An autonomous engineer that lives inside your company's data - diagnoses incidents, ships fixes, and writes the customer back, in minutes.
Link to live site: https://kyn-xi.vercel.app
Autonomous Multi-Agent Company Brain
I designed the Brand Identity, Design System, Software UI, & Website for Kyn. Kyn is a supervisor-led AI system that diagnoses incidents, retrieves institutional context, and ships real artifacts in minutes. Kyn turns scattered company knowledge like Slack threads, runbooks, code, and postmortems into a single, auditable reasoning trail that gets smarter every run.
What Was Included
A multi-agent platform where a supervisor routes each problem across four capability sub-agents (Code, Company, Memory, and Action) to produce shippable outputs like diagnoses with cited sources, draft PRs, and customer replies. Every run streams its reasoning live, records episodic and procedural memory for future runs, and surfaces a fully inspectable trail of tool calls, evidence, and findings. The interface includes a live run view, replay mode for past runs, and a marketing site with a custom design system.
Check out the UI here: https://kyn-xi.vercel.app/run
Web App Build Details
I built the brand identity system, design system, UI for the software demo, and website for Kyn. I worked with 2 engineers and handled all visual aspects of the project, plus generated data for the engineers to use for the live demo. The technical side of the build included designing the run-view UI, architecting the FastAPI backend, and wiring up the multi-agent orchestration layer. The supervisor agent coordinates sub-agents that call Hyperspell for context retrieval across company surfaces and Nia for code-aware reasoning. The backend streams agent events to the frontend over Server-Sent Events, while runs and artifacts are persisted as structured JSON and markdown for replay and audit.
Tools Used
The tools used for this project were Python, FastAPI, Uvicorn, Pydantic, HTML, CSS, Hyperspell, Nia, Server-Sent Events, and Vercel.
Design System
The kyn design system is a dark-themed UI foundation built on design tokens that define color, typography, and spacing as a single source of truth, applied consistently across the product. It establishes a layered surface scale of near-black panel backgrounds, a graduated set of warm-gray text colors for clear typographic hierarchy, a single orange brand accent, and a Geist / Geist Mono typeface pairing. A core component library of buttons, badges, and status pills sits on top of that foundation, alongside a living documentation page that showcases every token and component with real examples.
Check out the design system here: https://kyn-xi.vercel.app/design-system
Link to live site: https://kyn-xi.vercel.app