Product direction, UX/UI, development and AI integration

Go

Next.js

React

TypeScript

Tailwind CSS

PostgreSQL

Railway

Hermes

Telegram

Built an MVP foundation for dedicated private agents.

Designed a reusable character-led visual system.

Connected the product direction with Telegram and web chat.

An AI agent introduces several unfamiliar decisions: what it can do, which tools it can use and how someone will interact with it. Hermie's product direction starts with the user's work and gives those technical decisions a place underneath the experience.

Hermie is a private-agent product in MVP development. My contribution covers product direction, UX/UI, development and AI integration. The work includes the product experience, a character-led design system and the connection between the interface and agent infrastructure.

The public landing page and marketplace demonstration currently carry DeployMyHub branding. This case uses Hermie as the product name and distinguishes the demonstrated experience from the remaining work required for production readiness.

The public experience introduces templates through recognizable areas of work, including sales and content. A marketplace detail view explains tasks such as lead research and contact discovery, alongside the tools associated with them.

That presentation gives visitors a way to evaluate the product before they deal with configuration. They can look at a task, understand the proposed workflow and decide whether it matches their needs.

The product direction also allows someone to start with a focused template or a broader assistant. Template identity and its configuration remain part of the ongoing product work. The case therefore presents that selection experience as product direction and demonstration, rather than claiming every template is already deployed in production.

The Hermie design system uses friendly characters, strong black outlines and an amber-to-mint palette. Department colors give the character family a repeatable visual structure. Warm backgrounds carry the interface and presentation assets.

The system includes reusable components, color tokens and typography guidance. It extends from character and logo assets to agent cards and console layouts. Those pieces provide a basis for developing the final product experience.

My UX/UI work connects that visual language with how the product is explained. An agent needs an understandable role and clear controls around its use. The character system gives the interface an identity while the product copy explains the work.

The backend architecture gives each user a dedicated Hermes runtime with its own Railway service and persistent volume. A Go control plane manages authentication, provisioning and the agent lifecycle, with PostgreSQL holding the system records.

The web interface uses Next.js and React. Browser interactions pass through the control plane instead of connecting directly to an agent. The architecture also supports Telegram as a channel for interacting with the runtime.

These decisions connect the product experience with the operational work needed to manage agents. Provisioning and lifecycle handling sit behind the user's interaction, while the interface remains the place to understand and use the product.

The backend implementation has completed substantial MVP work, including provisioning and agent lifecycle surfaces. The current frontend is a validation interface. Final product design, the agent identity layer and live Railway validation remain open items in the repository.

The outcome of this stage is a private-agent MVP foundation, a public product demonstration and a reusable visual system. It gives the next phase concrete infrastructure and design assets to build on.

My work connects that infrastructure with a product people can understand through the tasks they want help with.

Have a product or workflow you want to build?