CtrlK
BlogDocsLog inGet started
Tessl Logo

integrate-file-viewer

MUST be used whenever integrating CogniteFileViewer into a Flows app to preview CDF files (PDFs, images, text). Do NOT manually wire up react-pdf or file resolution — this skill handles installation, Vite config, worker setup, and component usage. Triggers: file viewer, file preview, CogniteFileViewer, PDF viewer, view CDF files, document viewer, preview file.

74

Quality

92%

Does it follow best practices?

Run evals on this skill

Adds up to 20 points to the overall score

View guide

SecuritybySnyk

Low

Low-risk findings worth noting

SKILL.md
Quality
Evals
Security

Quality

Content

93%Weight 40%Scale 1-5

Reviews the quality of instructions and guidance provided to agents. Good implementation is clear, handles edge cases, and produces reliable results.

A concise, highly actionable skill body with clean sectioning and a sensible split between the inline overview and the copied bundle source files. The only gap is the absence of explicit post-install/build validation checkpoints in the workflow.

Suggestions

Add an explicit validation step after Step 3/4 (e.g., run the dev server or a build and confirm no 'pdf.worker.mjs' resolution error) before proceeding to Step 5.

Add a short 'Verify' checklist at the end of the workflow so Claude confirms the worker loads and the viewer renders a sample file before declaring the task complete.

Consider a single explicit feedback-loop note ('if the build fails with the worker error, apply the .npmrc hoist fix and retry') to turn the pitfalls table into a recovery path.

DimensionReasoningScore

Conciseness

The body is lean throughout — short tables, copy-paste code blocks, and terse pitfall entries with no padding and no explanation of concepts Claude already knows; every section earns its place.

5 / 5

Actionability

It provides fully executable, copy-paste-ready install commands, Vite config, import snippets, and a complete props reference covering the common cases.

5 / 5

Workflow Clarity

The five steps are clearly sequenced and instruct reading files before modifying, but there are no explicit validation checkpoints (e.g., verifying the build or that the worker resolves) between steps, leaving minor validation gaps.

4 / 5

Progressive Disclosure

The body is a well-organized overview with clear section headers; the full API detail lives in the copied `code/` bundle files, which are enumerated one level deep with no nested-reference chains, giving easy navigation.

5 / 5

Total

19

/

20

Passed

Description

91%Weight 40%Scale 1-5

Based on the skill's description, can an agent find and select it at the right time? Clear, specific descriptions lead to better discovery.

A strong, specific description with excellent trigger-term coverage and a clear niche. It only narrowly misses full marks on completeness because the trigger guidance is embedded in a Triggers list rather than a conventional standalone 'Use when...' clause.

DimensionReasoningScore

Specificity

The description enumerates multiple concrete actions — installation, Vite config, worker setup, and component usage — giving comprehensive coverage rather than vague language.

5 / 5

Completeness

Both the 'what' (integrating CogniteFileViewer, handling install/config/worker) and the 'when' ('MUST be used whenever...') are present, but the 'when' leans on the trigger list rather than an explicit standalone 'Use when...' clause, so it falls just below a 5.

4 / 5

Trigger Term Quality

It lists numerous natural user phrases ('file viewer', 'file preview', 'PDF viewer', 'view CDF files', 'document viewer') with synonyms and the product name, matching comprehensive keyword coverage.

5 / 5

Distinctiveness Conflict Risk

The CogniteFileViewer / CDF / Flows niche and the explicit 'Do NOT manually wire up react-pdf' guard make it clearly distinct from other skills with minimal conflict risk.

5 / 5

Total

19

/

20

Passed

Validation

93%

Checks the skill against the spec for correct structure and formatting. All validation checks must pass before discovery and implementation can be scored.

Validation15 / 16 Passed

Validation for skill structure

CriteriaDescriptionResult

allowed_tools_field

'allowed-tools' contains unusual tool name(s)

Warning

Total

15

/

16

Passed

Repository
cognitedata/builder-skills
Reviewed

Table of Contents

Is this your skill?

If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.