setup-flows-auth

Automate Cognite Flows authentication setup in React apps with Vite configuration.

5|1|Updated Mar 4, 2026
One-click install
npx skills add https://github.com/cognitedata/builder-skills --skill setup-flows-auth
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: setup-flows-auth
Source: https://github.com/cognitedata/builder-skills/tree/main/skills/setup-flows-auth
Command: npx skills add https://github.com/cognitedata/builder-skills --skill setup-flows-auth

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires @cognite/dune, @cognite/sdk, @tanstack/react-query, vite-plugin-mkcert, @cognite/app-sdk, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill simplifies the process of integrating Cognite Flows authentication into React applications, enabling secure communication with Cognite Data Fusion (CDF).

Core Features & Use Cases

  • Automated Setup: Detects existing auth configurations and installs necessary dependencies.
  • Configuration Guidance: Ensures Vite setup includes required plugins for secure HTTPS and Fusion integration.
  • Use Case: Use this Skill when migrating an existing React project to Flows, connecting it securely to CDF, or adding authentication providers.

Quick Start

Apply the setup-flows-auth Skill to a React project to configure authentication detection, dependency installation, and Vite settings automatically.

Frequently Asked Questions about setup-flows-auth

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I configure Cognite Flows authentication in a React app?

To configure Cognite Flows authentication in a React app, you need to install dependencies like @cognite/sdk, adjust Vite settings for secure HTTPS, and modify entry points. This setup is fully automated by the setup-flows-auth tool.

What is the best way to migrate an existing React project to Cognite Flows?

Migrating an existing React project to Cognite Flows requires detecting current auth configurations and installing necessary dependencies. This approach ensures seamless migration to Flows auth for both development and production environments securely.

Do I need vite-plugin-mkcert for Cognite Data Fusion authentication?

Yes, vite-plugin-mkcert is required to configure Vite for secure HTTPS and Fusion integration. It ensures your local development environment handles secure communication with Cognite Data Fusion (CDF) correctly.

Can I use this setup to connect my React app securely to CDF?

Yes, you can use this setup to connect React apps securely to Cognite Data Fusion (CDF). It handles dependency installation, Vite plugin configuration, and entry point adjustments to establish secure communication channels.

What dependencies are required for Cognite Flows auth integration?

Cognite Flows auth integration requires dependencies including @cognite/dune, @cognite/sdk, @cognite/app-sdk, and @tanstack/react-query. These packages enable secure authentication detection and seamless Fusion integration.

Why does my React app need Vite plugin configuration for Flows authentication?

Vite plugin configuration is needed for Flows authentication to ensure your React app includes required plugins for secure HTTPS and Fusion integration. This enables seamless development and production environment connections.