back
loading skill details...
MUST be used whenever adding a task/todo list feature to a Flows app with Atlas chat. Do NOT manually create todo state management or tool definitions — this…
Integrate Todo List Add a structured task-tracking feature to this Flows app. The agent will use a TodoWrite tool to create and update a task list as it works through multi-step queries, giving the user real-time visibility into what the agent is doing and why. Prerequisite: integrate-atlas-chat must already be complete — useAtlasChat must be wired (typically from ./atlas-agent/react), src/atlas-agent/ must contain the vendored atlas-agent sources, and @sinclair/typebox, ajv, ajv-formats must be installed per that skill. Step 1 — Read the app Before writing anything, read: package.json — confirm @tabler/icons-react is installed; if not, install it with the app's package manager src/App.tsx — find where to add TodoProvider The file that calls useAtlasChat (likely src/chat/useChatViewModel.ts or src/App.tsx) — this is where the tool gets wired The chat view component that renders messages — this is where TodoPanel and TodoToolResultCard go
don't have the plugin yet? install it then click "run inline in claude" again.