Generative UI

General setup

git clone https://gitcode.com/rri_opensource/arkui3
npm install
npm run setup

A simple calculator demo

This is a2ui renderer running within arkui3 demo application.

Run the server

cd smarty
npm run build
npm run run 2>&1 | tee server.log

The client is in the demo tab:

cd arktsx/demo
npm run run

Go to Calculator tab. The a2ui is streamed from the server, the buttons are streamed to the server.

An a2ui maps demo

In the same setup go to 'a2ui maps' tabs

The agentic chat demo

Run the server

cd smarty
npm run build
npm run run 2>&1 | tee server.log

Run the client

cd arktsx/chat
npm run run:mcp 2>&1 | tee client.log

In chat Settings screen ensure you have A2UI (not text) and Smarty (not direct) modes. Also you need a valid DeepSeek or GLM key (contact your PM). For more advanced functionality you can obtain foursquare key from foursquare.com/developers and ask

After you have setup ready ask the chat "I need flights from Moscow to Shanghai"

and finally get an a2ui pack of cards

More things to do

In case you are interested you can play with this orchestrator agent. Be warned that it is not quite stable, mostly a POC.

You can make the following requests:

"Find me flights from SVO to Shanghai"

"Sort by price"

"Show me the last one in details"

If you have the foursquare key (put it to foursquare.key where you run the server) you can try asking

"I want some coffee"

"I need a local pizzeria"

"Show me lakes near Moscow"

and then

"Show me the best rating one"

"What is the closest one?"