CtrlK
BlogDocsLog inGet started
Tessl Logo
SkillPublic

vite-patterns

Vite build tool patterns including config, plugins, HMR, env variables, proxy setup, SSR, library mode, dependency pre-bundling, and build optimization. Activate when working with vite.config.ts, Vite plugins, or Vite-based projects.

Quality

87%

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

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

An excellent patterns skill: dense with non-obvious, version-accurate footguns and copy-paste-ready configuration, with explicit validation checkpoints where workflows exist. The main improvement areas are trimming the small amount of background explanation Claude already knows and offloading the longer topical deep-dives into reference files.

Suggestions

Trim the 'How It Works' section to only the Vite-specific behaviors (pre-bundling cache location, VITE_ inlining, unified plugin interface) and drop general bundler background (native ESM dev serving, tree-shaking/code-splitting) that Claude already knows.

Offload self-contained deep-dive topics — plugin authoring/hooks, SSR externals, library mode — into references/ files (e.g., PLUGIN-AUTHORING.md, SSR.md) and keep one-line pointers in SKILL.md to shorten the always-loaded context.

Add a few more natural trigger variations to the description's activation clause (bare 'Vite', '.env files', 'vite build', 'dev server') to broaden keyword matching.

DimensionReasoningScore

Conciseness

Nearly every section delivers non-obvious specifics ("Rolldown (v7+) or Rollup (v5–v6)", "caches the result under node_modules/.vite", "forces up to 6 filesystem checks via resolve.extensions") with no tutorial padding. Minor over-explanation remains — the "How It Works" section reiterates native-ESM dev serving and tree-shaking/code-splitting basics Claude already knows — placing it at anchor 4 ("efficient; minor instances of over-explanation") rather than anchor 5.

4 / 5

Actionability

Copy-paste-ready vite.config.ts snippets cover the common cases (proxy, manual chunks, lib mode, optimizeDeps, Docker, warmup), alongside executable commands ("vite --profile" then "p+enter", "vite build && vite preview", "tsc --noEmit in CI") and explicit BAD/GOOD contrast pairs. Fully executable and comprehensive — an anchor-5 match.

5 / 5

Workflow Clarity

As a patterns skill it has no single linear pipeline, but its multi-step procedures are sequenced with explicit checkpoints: profiling (profile → interact → save → load in Speedscope), deploy verification ("Always verify with vite build && vite preview before deploying"), and cache-invalidation recovery. This matches anchor 4 (clear sequence, most checkpoints present) — anchor 5 would require a full end-to-end checklist, and no destructive/batch operations apply that would cap it at 3.

4 / 5

Progressive Disclosure

A self-contained single file (no bundle files exist) with good structure: clear section headers, comparison tables, a Quick Reference navigation table, and a Related Skills section. It stays at anchor 4 rather than 5 because ~450 lines inline several self-contained topics (plugin authoring, SSR externals, library mode, performance deep-dives) that are natural candidates for separate reference files; it is above anchor 3 because navigation is clear and nothing is buried.

4 / 5

Total

17

/

20

Passed

Description

87%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 both what the skill covers and when to activate it, with concrete filename triggers and near-comprehensive topic coverage. Its only weakness is phrasing capabilities as a topic list rather than concrete actions and omitting a few common trigger variations.

DimensionReasoningScore

Specificity

Lists nine concrete capability areas ("config, plugins, HMR, env variables, proxy setup, SSR, library mode, dependency pre-bundling, and build optimization") with comprehensive coverage, but frames them as a topic list ("patterns including...") rather than the concrete action verbs of the anchor-5 example. It is well above anchor 3 ("1-2 concrete actions") yet does not demonstrate the action-oriented phrasing of anchor 5.

4 / 5

Completeness

Explicitly answers both questions: what ("Vite build tool patterns including config, plugins, HMR, env variables, proxy setup, SSR...") and when ("Activate when working with vite.config.ts, Vite plugins, or Vite-based projects") with concrete trigger phrases — a direct anchor-5 match, clearly above anchor 4's softer 'when'.

5 / 5

Trigger Term Quality

The trigger clause includes natural phrases users would say — "vite.config.ts", "Vite plugins", "Vite-based projects" — with a filename-level trigger. Common variations are missing (bare "Vite", ".env files", "vite build", "dev server"), so it matches anchor 4 ("good keyword coverage; a few natural terms missing") rather than anchor 5's synonym-and-extension spread.

4 / 5

Distinctiveness Conflict Risk

Vite is a specific niche with filename-level triggers ("vite.config.ts") and tool-specific keywords, giving minimal conflict risk except negligible overlap with closely related bundler skills. Matches anchor 5 ("clear niche with distinct triggers; minimal conflict risk").

5 / 5

Total

18

/

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.

Validation — 15 / 16 Passed

Validation for skill structure

CriteriaDescriptionResult

metadata_version

'metadata.version' is missing

Warning

Total

15

/

16

Passed

Repository

affaan-m/ECC

Path

skills/vite-patterns/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.