Siena AI CX agent
Siena AI for consumer brands: a shopper asks where their order is and to swap a size, the agent pulls the order and makes the exchange, a social comment turns into a product recommendation, a hard case goes to a person with a handoff note, and automation and satisfaction climb.
npm install motion clsx tailwind-merge lucide-react or npx programmable-cli add siena-cx-agent
MP4 and GIF exports are for sites that are not on React. Each counts as this month’s download of the component.
What it’s for
- Pages for AI features: assistants, agents and automations
- Showing what the AI does step by step
- Hero sections for AI products
How to use it
- Download the file. SienaCxAgent.tsx is one self-contained React component. Pick a brand colour above and the file comes in it, where the component has a main colour to replace. Sites not on React can take it as an MP4 or GIF.
- Install what it uses.
npm install motion clsx tailwind-merge lucide-react, with Tailwind CSS set up in your project. - Drop it in.
import { SienaCxAgent } from "./SienaCxAgent";then render<SienaCxAgent />where you want it.
Want it about your product? Make one like it and the studio builds a version with your features, numbers and brand.
Related components
Confidence meterAn AI answer's confidence ring with per-claim bars that fill in, coloured low to high.
Token counterAI token usage that climbs as a response streams, filling the context window and warning near the limit.
Chat assistantA chat with an assistant plays out in a dark app window, with each tool call shown as it runs.
Win-back campaignA typed request becomes a win-back email campaign that is drafted, couponed and sent, then shows its results.React + Tailwind CSS. Use downloads in your own sites and products; please don’t resell them as a component library. Repeat downloads of the same component in a month don’t count.