Aster

Example identity. Changes save in this browser.

Size

Live React identity

Add Aster to your app

Keep the identity file with your source code and drive it with runtime state.

React renderer

Install the live renderer from npm, then keep this identity file with your application code and drive it with runtime state.

npm install @accidental-revenue/orbsonanpm registry

import { AgentAvatar } from "@accidental-revenue/orbsona/react";
import type { AgentState } from "@accidental-revenue/orbsona";
import identity from "./aster.orbsona.json";

type AgentPresenceProps = {
  state: AgentState;
  voiceLevel: number;
};

export function AgentPresence({ state, voiceLevel }: AgentPresenceProps) {
  return (
    <AgentAvatar
      identity={identity.identity}
      state={state}
      energy={voiceLevel}
      size={64}
    />
  );
}

Install guide Runtime contract

Aster

Add Aster to your app

Start a new draft?

Aster

Add Aster to your app

Start a new draft?