CtrlK
BlogDocsLog inGet started
Tessl Logo
SkillPublic

nx-vite-integration

Configure and integrate Vite in Nx monorepos for applications and libraries. Covers vite.config.ts setup, framework plugins, TypeScript path resolution, asset copying, library mode builds, and Vitest integration. Use when: adding Vite to an Nx project, migrating from Webpack, configuring Vitest, fixing tsconfig path resolution, or setting up library mode. Triggers: "add vite", "nx vite", "vite setup", "vite.config.ts", "vitest config", "library mode", "nxViteTsPaths", "copy assets", "vite path aliases", "migrate webpack to vite" Examples: - user: "Add Vite to this Nx app" -> install plugin and configure vite.config.ts - user: "Vitest is failing in Nx" -> fix test config and cache/coverage paths - user: "Path aliases break in Vite" -> add nxViteTsPaths plugin - user: "Set up Vite for my Nx library" -> configure lib mode + dts + externals

Quality

89%

Does it follow best practices?

Run evals on this skill

Adds up to 20 points to the overall score

View guide
SecuritybySnyk

Passed

No findings from the security scan

SKILL.md
Quality
Evals
Security

Quality

Content

78%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.

The body is a well-structured, executable integration guide with concrete commands, config examples, expected results per step, and clean one-level-deep references. The main deductions are the absence of inline error-recovery loops, directive-level (rather than concrete) guidance in Steps 3-4, slight padding in the Mindset section, and skill-lint commands in the Verification section that do not apply to the user's project.

Suggestions

Remove or replace the skill-lint verification commands ('biome check skills/nx-vite-integration/', 'rumdl check skills/nx-vite-integration') — they lint the skill's own directory, not the target Nx project, and assume a path that won't exist for users.

Make Step 3 and Step 4 concrete: include a minimal project.json target snippet for build/serve/test and a short library-mode vite.config.ts example, or explicitly point to the specific reference file section covering them.

Tighten the Mindset section and drop or concretize the 'Mix Unrelated Build and Test Concerns' anti-pattern — it gives generic advice ('keep sections intentional') without a Bad/Good code contrast like the other three.

DimensionReasoningScore

Conciseness

The body is mostly lean — tabular 'When to Use', terse Bad/Good anti-pattern pairs, preconditions/commands/expected-result blocks — but the Mindset section editorializes ('Keep them separate and each layer becomes predictable') and the fourth anti-pattern ('Mix Unrelated Build and Test Concerns') is vague filler rather than concrete guidance. Not 5 because of these padded spots; not 3 because none of it explains concepts Claude already knows at length.

4 / 5

Actionability

Most guidance is copy-paste ready: install commands, the generator command, a complete vite.config.ts baseline, a full library-mode config with a regex external, and concrete test cache/coverage paths. Not 5 because Step 3 ('Ensure target config supports build/serve/test') and Step 4 give directives without a concrete project.json/config snippet inline, and the Verification Commands section includes skill-lint commands ('biome check skills/nx-vite-integration/', 'rumdl check skills/nx-vite-integration') that are irrelevant to the user's project and assume the skill's own directory layout.

4 / 5

Workflow Clarity

A clear five-step sequence, each with preconditions, commands, and expected results, ending in a verify step ('bunx nx run <project>:build' / ':test' with expected results). Not 5 because there is no inline error-recovery feedback loop — failure handling is deferred to the troubleshooting reference rather than an explicit 'if X fails, do Y' step; not 3 because checkpoints (expected results per step, final verification) are explicit.

4 / 5

Progressive Disclosure

The body is a well-sectioned overview (mindset, when-to-use table, workflow, anti-patterns, constraints, verification) and pushes detail into five real, one-level-deep reference files, each linked with a one-line scope description; no nested references inside the bundle files. Not 4 because there are no organization gaps: the references are clearly signaled, appropriately split by topic, and easy to navigate.

5 / 5

Total

17

/

20

Passed

Description

96%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 description that explicitly states what the skill does, when to use it, and provides comprehensive natural trigger terms with user examples. The only weakness is that a few trigger phrases and the Webpack-migration use case do not scope to Nx, creating minor conflict risk with a hypothetical standalone Vite skill.

DimensionReasoningScore

Specificity

Lists six concrete capabilities — 'vite.config.ts setup, framework plugins, TypeScript path resolution, asset copying, library mode builds, and Vitest integration' — which is comprehensive, multi-action coverage comparable to the anchor's 'extract text and tables, fill forms, merge documents' example. Not 4 because there are no meaningful coverage gaps; every major integration task is named.

5 / 5

Completeness

Clearly answers 'what' ('Configure and integrate Vite in Nx monorepos... Covers vite.config.ts setup, framework plugins, TypeScript path resolution, asset copying, library mode builds, and Vitest integration') and 'when' with an explicit 'Use when:' clause plus concrete trigger phrases and user examples. Not 4 because the 'when' guidance is fully explicit, not merely present.

5 / 5

Trigger Term Quality

Ten explicit triggers combine natural phrases ('add vite', 'vite setup', 'migrate webpack to vite'), file names ('vite.config.ts'), and a distinctive API name ('nxViteTsPaths'), giving comprehensive synonym coverage. Not 4 because both natural user phrasings and technical terms are present, matching the 'PDF files, PDFs, forms, .pdf' level of coverage.

5 / 5

Distinctiveness Conflict Risk

The Nx+Vite niche is clear with distinctive triggers ('nx vite', 'nxViteTsPaths', 'vite.config.ts'), but 'migrating from Webpack' omits the Nx scope and generic triggers like 'vite setup' or 'vitest config' could fire for a closely related standalone-Vite skill. Not 5 because of this minor overlap risk; not 3 because the dominant trigger set is unmistakably Nx-specific.

4 / 5

Total

19

/

20

Passed

Validation

100%

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

Validation — 16 / 16 Passed

Validation for skill structure

No warnings or errors.

Repository

pantheon-org/tekhne

Path

skills/repository-mgmt/nx/vite-integration/SKILL.md

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.