assistant-ui
Assistant UI
Overview
Use this skill to implement or debug assistant-ui integration end to end: CLI setup, runtime wiring, UI primitives, tool UI, and migration-safe upgrades. Load only the reference file needed for the current subtask to keep context focused.
Workflow
- Classify the task before coding.
Determine whether the request is setup, runtime wiring, primitives, tools, cloud persistence, or migration.
If the request includes explicit exclusion language (
without/no/not assistant-ui), stop and do not use this skill. - Select runtime and architecture first. Choose AI SDK, LangGraph, or external-store path before editing components.
- Apply setup commands with minimum blast radius.
Prefer the smallest CLI operation (
addfor existing projects,createfor new projects). - Wire provider and thread lifecycle.
Ensure
AssistantRuntimeProviderand runtime hook are configured before Thread/Composer work. - Implement tool UI using current APIs.
Prefer
useAui + Tools({ toolkit })for registration; usemakeAssistantToolUIfor UI-only bindings.
More from outlinedriven/odin-codex-plugin
copilotkit
CopilotKit integration patterns for providers, runtime wiring, `useCoAgent`, `useCopilotAction`, `useLangGraphInterrupt`, shared state, and HITL with LangGraph. Use when building agent-native product UX.
65ag-ui
AG-UI protocol implementation guidance for event ordering (`RUN_STARTED`, `TOOL_CALL_*`, `STATE_SNAPSHOT`/`STATE_DELTA`), streaming semantics, and middleware patterns. Use when integrating agent backends with AG-UI clients.
29mesop
Build Python-native web apps with Mesop. Triggers when users want to build, debug, or deploy Mesop applications, including AI chat interfaces, internal tools, and ML demos.
22plan
Generate a plan for how an agent should accomplish a complex coding task. Use when a user asks for a plan, and optionally when they want to save, find, read, update, or delete plan files in $CODEX_HOME/plans (default ~/.codex/plans).
22langgraph
LangGraph state-machine design and debugging for `StateGraph`, node/edge routing, checkpoints, `interrupt`, and HITL flows. Use when building or troubleshooting graph-based agents with conditional edges and thread state.
22code-simplifier
Simplifies and refines code for clarity, consistency, and maintainability while preserving all functionality. Focuses on recently modified code unless instructed otherwise.
22