Summary
Drops a production-ready CogniteFileViewer component into Flows apps with zero manual wiring. Handles PDFs (with page nav and zoom), images, Office docs (via CDF's conversion API), and text files. The real value is in what you don't have to touch: it configures the PDF.js worker, sets up Vite's optimizeDeps exclusion, and wires react-pdf at the correct version without you hunting down compatibility issues. Diagram annotations work automatically if you pass instanceId sources instead of raw file IDs. The skill copies eight library files into your project and walks through Vite config, dependency install, and component usage. Saves an hour of PDF viewer debugging.
Install to Claude Code
npx -y skills add cognitedata/builder-skills --skill integrate-file-viewer --agent claude-codeInstalls into .claude/skills of the current project.
Plug Mailtrap into your AI workflow and let it handle the email.
Connect Mailtrap MCP →
Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →
Make coding agent sessions - Searchable, Shareable, Vendor-neutral & Scored.
Try For Free →
Your agent targets a perfect 10 Code Health score. Deterministic. Every commit.
Try For Free →
Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →
belt cli automatically finds the best tools and skills for your agent. image, video, music, tts...
one prompt install →
Files
SKILL.md
Select a file.
Featured
Plug Mailtrap into your AI workflow and let it handle the email.
Connect Mailtrap MCP →Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →Make coding agent sessions - Searchable, Shareable, Vendor-neutral & Scored.
Try For Free →Your agent targets a perfect 10 Code Health score. Deterministic. Every commit.
Try For Free →Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →belt cli automatically finds the best tools and skills for your agent. image, video, music, tts...
one prompt install →
