inference-agent-ui
Inference Agent UI
Build production-ready agent interfaces using the ui.inference.sh component registry and the AI SDK stream protocol.
Treat this skill as integration guidance, not a design system. Reuse existing app design tokens/layout unless the user asks for a visual redesign.
Use This Workflow
- Confirm the integration mode:
generic-stream: Use any backend that returns AI SDK UI message streams.inference-runtime: Use inference.sh runtime and adduiTransform.
- Install registry components with shadcn:
- Add core primitives first:
npx shadcn@latest add "https://ui.inference.sh/r/agent.json"
- Add widgets only when needed:
npx shadcn@latest add "https://ui.inference.sh/r/widgets.json"
- Add optional extras only if the task requires them:
actions.json,citations.json,sources.json
More from devfirexyz/ui-skills
dexiejs
Build and maintain Dexie.js data layers for IndexedDB-backed offline-first web applications. Use when tasks involve Dexie setup, schema/index design, CRUD/query implementation, transactions, live queries, migrations, or debugging in Vanilla JS, React, Next.js, TanStack Start, Svelte, or SvelteKit.
44neo-brutalist-ui-system
Apply a reusable neo-brutalist design system to existing or new frontend projects (landing, marketing, portfolio, dashboard, app surfaces) using strong typography, tokenized theming, and variant-driven component primitives. Preserve existing information architecture unless restructuring is explicitly requested.
13