75+
Shadcn Compatible Components
4
months
∞
Vibes generated
My Role
Senior Product Designer
Team
Timeline
Jul 2024 - Jan 2025

Chris Bache
CEO & Cofounder
Andres is different really for two reasons, the first is his understanding of design patterns and how people use software… the second is just startup speed, my man knows how to work fast…

Live Role‑Play Sandbox
Before a single line of logic is written, builders can step straight into character and test the bot’s persona in a real chat window. Messages render with timestamped bubbles, avatars, and a fully functional composer—so crafting the line “Gotham needs more than one hero” feels as natural as texting a friend. This instant feedback loop helps writers fine‑tune voice and pacing long before the flow hits production.

One‑Click Brand Voice Library
A tone picker turns copywriting into a dropdown decision. From “Friendly & Helpful” to “Stoic Protector,” creators scroll, search, or invent a custom vibe that automatically propagates through every node in the conversation. Visual emoji cues and subtle color accents make each tone distinct, giving non‑writers the confidence to match dialogue to brand in seconds.

Visual Logic Canvas
Triggers and instructions snap together on an infinite dotted grid, turning complex decision trees into Lego‑simple blocks. Pick “Campaign → Protect Gotham,” drop a plus node, and the canvas auto‑routes arrows so flows stay clean even when they sprawl. The modular system invites rapid experimentation—builders drag, duplicate, or delete nodes without ever fearing they’ll break the chain.

Inline Safety Toolbar
A floating action pill tracks with your cursor, offering a shield icon to “Check for conflicts,” an undo arrow, and a quick‑delete X. Because QA lives right beside the content, reviewers can scan an entire instruction in situ rather than context‑switching to a separate panel, dramatically cutting down debugging time.

Actionable Conflict Resolver
Click the shield and a smart modal explains exactly why an instruction is ambiguous, red‑flags the problematic text, and proposes a green, one‑tap rewrite. Writers can dismiss or accept, but either way they learn the rule behind the flag—transforming compliance checks from roadblocks into teachable moments and keeping every bot on‑brand, on‑tone, and ambiguity‑free.
portfolio
Other projects
Check out some of my other work