UXORA

Demo

About

Uxora is an AI-native wireframe studio designed for Web3 product teams. Traditional design workflows rely on isolated tools like Figma, which creates friction when bridging visual vector states with on-chain registries, decentralized metadata, and real-time indexing. Uxora unifies the vector design workspace with decentralized protocol infrastructure. Built on a flexible canvas powered by Tldraw, Uxora allows designers to visually draft UI components, hash and pin design payloads deterministically to IPFS, register state provenance to a verified Hedera EVM smart contract, index and query canvas logs in real-time using The Graph Subgraph Studio, and synthesize UI components autonomously using natural language prompts via the Arc Agent Stack with micro-settlements.

How it's made

Uxora is engineered as an end-to-end decentralized application leveraging React, TypeScript, and Vite: 1. Canvas Engine & IPFS: Built on top of Tldraw for fluid visual composition. Layout data is serialized and deterministically hashed with client-side SHA-256 to generate authentic IPFS CIDs before any contract execution. 2. Hedera EVM Registry: We deployed and verified UxoraRegistry.sol on the Hedera Testnet at contract 0.0.10518047. The contract binds metadata and IPFS content identifiers into immutable ownership state records and emits WireframeSaved consensus events. 3. The Graph Subgraph Studio: We deployed a dedicated indexing subgraph called uxora-registry to Subgraph Studio. It indexes all WireframeSaved events from our Hedera contract. The Uxora Copilot executes GraphQL POST queries directly to our Subgraph Studio endpoint, retrieving and verifying indexed wireframe entities in milliseconds. 4. Arc Agent Stack: An autonomous AI agent stack inside the workspace parses natural language design prompts (e.g. 'design auth modal'), synthesizes responsive layout schemas, and executes autonomous simulated USDC micro-settlements for each generative compute execution.