integrate-file-viewer

Official

Seamlessly preview and interact with CDF files in Flows apps.

Authorcognitedata
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill simplifies integrating CogniteFileViewer into Flows applications to enable quick and reliable file previews for PDFs, images, and texts.

Core Features & Use Cases

  • File Preview Integration: Adds CogniteFileViewer to display PDFs, images, and text files directly within a Flows app.
  • Configuration Setup: Handles installation, Vite configuration, worker setup, and component usage with minimal user input.
  • Use Case: A developer needs to embed an interactive document viewer for project files, avoiding manual setup of multiple dependencies and configurations.

Quick Start

Insert the CogniteFileViewer component into your React app, passing the file source and SDK to enable in-app previews instantly.

Dependency Matrix

Required Modules

react-pdfpdfjs-dist

Components

scriptsreferences

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: integrate-file-viewer
Download link: https://github.com/cognitedata/builder-skills/archive/main.zip#integrate-file-viewer

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.