CtrlK
BlogDocsLog inGet started
Tessl Logo

ssr-hydration-scraping

Best practices for extracting data from modern React/Vue SSR pages (like Next.js or Nuxt.js) by targeting hydration state blocks (__NEXT_DATA__, __NUXT__) using regex and `jmespath`, avoiding brittle DOM selector scraping.

69

Quality

83%

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

85%

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

A focused, highly actionable skill body built around executable code with a clear locate→query→fallback workflow and no unnecessary file sprawl. The main weakness is mild verbosity from explaining the SSR hydration concept Claude already knows.

Suggestions

Trim the '根本原因 (Root Cause)' section to one line explaining why hydration-block extraction is more stable than DOM scraping, dropping the general explanation of what SSR/hydration is.

Add a one-line guard showing expected fallback behavior when no SSR block matches (e.g., logging or returning a sentinel) so the workflow's error path is as concrete as its happy path.

DimensionReasoningScore

Conciseness

The '根本原因 (Root Cause)' section explains the SSR/hydration concept Claude already knows, and the '关键经验' section restates guidance already in the code; it is mostly efficient but could be tightened, so it sits at level 2 rather than the lean level-3 anchor.

2 / 3

Actionability

The body provides fully executable, copy-paste-ready Python — a complete `extract_ssr_data` function with real regex patterns plus a jmespath query loop — matching the level-3 anchor of fully executable code with specific examples.

3 / 3

Workflow Clarity

The process is clearly sequenced (locate the SSR block → query with jmespath → fall back to the XHR API), and the code embeds validation (match checks, `isinstance(res, list)` and length checks); this matches the level-3 clear-sequence anchor for a simple, non-destructive task.

3 / 3

Progressive Disclosure

There are no bundle files and the body is self-contained, organized into clear sections (Symptoms, Root Cause, Solution, Key Takeaways) with no nested references, satisfying the simple-skill provision for a level-3 score.

3 / 3

Total

11

/

12

Passed

Description

82%

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 specific, well-targeted description with strong trigger terms and low conflict risk, held back only by the absence of an explicit 'Use when…' trigger clause. Adding that clause would lift completeness to full marks.

Suggestions

Append an explicit 'Use when…' clause, e.g. 'Use when scraping Next.js/Nuxt.js or other SSR sites where the needed data appears in hydration JSON (__NEXT_DATA__, __NUXT__) rather than in the rendered DOM.'

Surface a couple of common user phrasings verbatim ('scrape a Next.js site', 'extract data from a Nuxt page') to broaden trigger coverage.

DimensionReasoningScore

Specificity

The description lists multiple concrete actions — 'extracting data', 'targeting hydration state blocks (__NEXT_DATA__, __NUXT__)', 'using regex and `jmespath`', and 'avoiding brittle DOM selector scraping' — matching the level-3 anchor of several specific concrete actions.

3 / 3

Completeness

It clearly answers 'what does this do' but contains no 'Use when…' clause or equivalent explicit trigger guidance, which per the judging guidelines caps completeness at 2; it is not a 3 because the 'when' is only implied by the domain framing.

2 / 3

Trigger Term Quality

It surfaces terms a user would naturally say when needing this skill — 'Next.js or Nuxt.js', 'React/Vue SSR pages', 'hydration', 'scraping' — giving good coverage of natural phrasing rather than only jargon.

3 / 3

Distinctiveness Conflict Risk

The niche is sharply defined — SSR hydration-block extraction with named frameworks and tools — making it unlikely to trigger for unrelated skills; it is not a 2 because the trigger surface is specific rather than overlapping.

3 / 3

Total

11

/

12

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.

Validation16 / 16 Passed

Validation for skill structure

No warnings or errors.

Repository
Project-N-E-K-O/N.E.K.O
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.