
Integrate Atlas Chat
Drops a complete streaming chat UI into your Flows app wired to an Atlas agent. Copies the atlas-agent library source files into your project, installs dependencies (TypeBox, ajv), and scaffolds App.tsx with useAtlasChat already hooked up. The generated component handles real-time streaming with a blinking cursor, shows tool execution events as they happen, and renders expandable tool call cards after each response. It's opinionated about the structure but saves you from writing SSE parsing and state management by hand. If your agent uses Python tools, you chain this with setup-python-tools to get Pyodide execution wired in automatically.
- skills.sh installs
- 1.9K
- GitHub stars
- 6
- last updated
- Aug 21, 2026
Install
$ npx -y skills add cognitedata/builder-skills --skill integrate-atlas-chat --agent claude-codeInstalls into .claude/skills of the current project.
Files
Integrate Atlas Agent Chat (exception path)
Stop. Use integrate-fusion-agent (Atlas / EOS sidebar) unless all of:
- The user asked for an in-app / embedded chat — not "add Atlas" / "add a chat"
- The host Atlas sidebar cannot work. There is no manifest field for this. Probe the app:
@cognite/app-sdk+connectToHostApp/useHostAppresolving inside Fusion/EOS → sidebar works; do not continue- Standalone-only (host connect always rejects; app is never loaded in Fusion) → in-app chat is allowed
- If unsure, ask. Default to the sidebar.
- The user accepted this as the non-standard path
Then follow https://docs.cognite.com/cdf/flows/guides/ai_agent_integration and wire useAtlasChat for $ARGUMENTS. Keep the product UI; do not replace the app with a chat view.
Do not map send() / chat completions over DMS rows. If per-item completions are required: 5 per user action, ceiling 50, cache by space:externalId:lastUpdatedTime. See integrate-fusion-agent.
Sponsors
Details
- Repository
- github.com/cognitedata/builder-skills
- Categories
- Frontend Development, AI & Agent Building, Python
- First seen
- Jun 3, 2026
More from cognitedata/builder-skills
All 26- Integrate File Viewer1.9K
- Security1.9K
- Setup Python Tools1.9K
- Graph Viewer1.9K
- Setup Flows Auth1.9K
- Performance1.9K
- Create Client Tool1.9K
- Pull Changes Resolve Conflicts1.9K
- Use Topbar1.9K
- Migrate App To Flows1.7K
- Integrate Fusion Agent1.7K
- Flows Code Review1.6K
- Flows Design Review1.1K
- Flows App Brief1.1K
- Flows External App Submit1.1K
- Flows App Review298
- Skill Creator2.5K
- Code Quality2K
- Test Coverage1.9K
- Dependencies Audit1.9K
- Design1.9K
- Reveal 3d1.9K
- Integrate Todo List1.9K
- Correctness And Error Handling1.9K