An autonomous engineer that lives inside your company's data - diagnoses incidents, ships fixes, and writes the customer back, in minutes.
I designed the brand identity, design system, software UI, and website for Kyn, a supervisor-led AI system that turns scattered company knowledge like Slack threads, runbooks, code, and postmortems into a single, auditable reasoning trail that gets smarter every run.
Scope of Work
Kyn is 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.
I built the interface, including a live run view, replay mode for past runs, and a marketing site. Check out the software UI here: kyn-xi.vercel.app/run.
I worked with two engineers and handled all visual aspects of the project, plus generated data for the engineers to use in 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.
Python, FastAPI, Uvicorn, Pydantic, HTML, CSS, Claude Code, Claude Design, Hyperspell, Nia, Server-Sent Events, and Vercel.
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: kyn-xi.vercel.app/design-system.
I designed a 10-page brand guidelines deck for Kyn AI that defines the company's visual identity, covering logo lockups, a fully specified color palette, typography, and voice. It then shows that system applied across real collateral, including Instagram carousels and stories, a newsletter, an incident worksheet, and a sales one-pager.
Check out the brand identity system here: kyn-xi.vercel.app/brand.
Nadine E.
