cognitedata avatar

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-code

Installs 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:

  1. The user asked for an in-app / embedded chat — not "add Atlas" / "add a chat"
  2. The host Atlas sidebar cannot work. There is no manifest field for this. Probe the app:
    • @cognite/app-sdk + connectToHostApp / useHostApp resolving 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.
  3. 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
1daffy0208 avataranimation-designerdaffy0208/ai-dev-standardsExpert in web animations, transitions, and motion design using Framer Motion and CSS1.9Kskills.sh installs
2jcodesmore avatarclone-websitejcodesmore/ai-website-cloner-templateReverse-engineer and clone one or more websites in one shot — extracts assets, CSS, and content section-by-section and proactively dispatches parallel builder a1.9Kskills.sh installs
3adobe avatarscrape-webpageadobe/skillsUse this when the page-import pipeline needs to fetch a source webpage and prepare it for import/migration to AEM Edge Delivery Services. Covers scraping conten1.8Kskills.sh installs
4steel-dev avatarsteel-browsersteel-dev/cliUse this skill for any web task where WebFetch or curl would fail or be insufficient — pages that require JavaScript to render, forms to fill and submit, screen1.8Kskills.sh installs
5mindrally avatarscss-best-practicesmindrally/skillsSCSS/Sassy CSS best practices and coding guidelines for maintainable, scalable stylesheets1.7Kskills.sh installs
6jezweb avatarelevenlabs-agentsjezweb/claude-skillsBuild conversational AI voice agents on the ElevenLabs platform. Configure agent + tools + knowledge base, integrate SDK (React / React Native / Swift / JS / se1.7Kskills.sh installs