CtrlK
BlogDocsLog inGet started
Tessl Logo

netlify-frameworks

Deploy and configure web frameworks on Netlify — build settings and SSR/edge adapters plus local platform emulation and env vars. Use when setting up or fixing a framework deploy (Next.js / Astro / Nuxt / SvelteKit / Remix / React Router / TanStack Start / SolidStart / Gatsby / Angular / Vite / Express / Hydrogen / Hugo / Eleventy / Vue / React), adding SSR or edge functions or middleware wired to Netlify context, fixing SPA redirect and catch-all rules, setting a build command or publish directory, or debugging "why isn't my env var updating" and framework build failures.

72

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

The canonical home for this skill is netlify-frameworks in netlify/context-and-tools

SKILL.md
Quality
Evals
Security

Quality

Content

75%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 well-structured, highly actionable reference that leans on six real per-framework guides for depth while keeping quick config and critical gotchas inline. Its main weakness is redundancy: the trailing house-rules section reiterates rules already stated in the body.

Suggestions

Remove or deduplicate the 'Netlify house rules' entries that restate the body (SPA catch-all removal, env-var redeploy, client-prefix-for-secrets) so each rule appears once; keep only rules that add new info like the Next.js skew-protection version condition (rule 7).

Consolidate the scattered framework version floors (5.12.0+, 5.11.0, 1.132.0+, plugin v2.1.1+, 14.1.4, etc.) into a single 'Version requirements' table or an 'old patterns / deprecated' section so time-sensitive numbers don't dilute the overview.

Move the full inline adapter configuration blocks (SolidStart, React Router middleware/edge setup) that exceed overview depth into their respective references/*.md files, leaving a one-line pointer plus the critical caveat in SKILL.md.

DimensionReasoningScore

Conciseness

The body is dense and expert-level with no basic-concept padding, but the 'Netlify house rules' section restates content already in the main body (rules 3, 4, 6 duplicate the SPA catch-all, env-var redeploy, and client-prefix guidance), and version floors are scattered inline rather than isolated in an 'old patterns' section.

3 / 5

Actionability

Pervasive copy-paste-ready guidance — install commands (`npm install -D @sveltejs/adapter-netlify`), config snippets (`astro.config.mjs`, Vite plugin imports), `netlify.toml` blocks, and the Express serverless handler — covering the common cases concretely.

5 / 5

Workflow Clarity

Per-framework setup is sequenced with concrete commands (e.g. SvelteKit install → config → split/edge options), and gotchas are foregrounded; minor gaps are the absence of explicit validate-then-proceed checkpoints, though the operations are not batch/destructive so the workflow cap does not bind.

4 / 5

Progressive Disclosure

Body routes deep work to real one-level-deep reference files (references/astro.md ... vite.md, all present) signaled in the opener, the house rules, and per-section 'Details in references/nextjs.md' notes; the inline per-framework adapter detail (e.g. full SolidStart config, React Router middleware) is borderline but stays at overview level.

4 / 5

Total

16

/

20

Passed

Description

100%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, third-person description that pairs a concrete 'what' with an explicit, multi-trigger 'Use when ...' clause naming 17 frameworks and several natural user phrases. It is specific, comprehensive, and low-conflict.

DimensionReasoningScore

Specificity

Lists multiple concrete actions — 'build settings and SSR/edge adapters plus local platform emulation and env vars', 'adding SSR or edge functions or middleware wired to Netlify context', 'fixing SPA redirect and catch-all rules', 'setting a build command or publish directory', 'debugging ... env var updating' — with comprehensive coverage across the domain.

5 / 5

Completeness

Explicitly answers both: what ('Deploy and configure web frameworks on Netlify — build settings and SSR/edge adapters plus local platform emulation and env vars') and when ('Use when setting up or fixing a framework deploy ... or debugging ...') with concrete trigger phrases.

5 / 5

Trigger Term Quality

Comprehensive natural terms users actually say, including the verbatim complaint 'why isn't my env var updating', named frameworks (Next.js / Astro / Nuxt / SvelteKit ...), and concrete nouns like 'build command', 'publish directory', 'SPA redirect', 'SSR', 'edge functions', 'middleware'.

5 / 5

Distinctiveness Conflict Risk

Scoped to 'web frameworks on Netlify' with framework-name triggers and Netlify-specific concerns (adapters, SPA catch-all, env-var redeploy), giving a clear niche with minimal overlap risk against other skills.

5 / 5

Total

20

/

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
netlify/context-and-tools
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.