integrate-todo-list

SKILL.md

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