CtrlK
BlogDocsLog inGet started
Tessl Logo
SkillPublic

extract-to-jaspr

Extracts a part of a website and converts it to a Jaspr component. Use when you need to migrate a part of a website to Jaspr.

Quality

72%

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

Fix and improve this skill with Tessl

tessl review fix ./sites/www/.agents/skills/extract-to-jaspr/SKILL.md
SKILL.md
Quality
Evals
Security

Quality

Content

68%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 efficient, actionable skill body with concrete code examples and a clear structure-only migration philosophy. Its main gap is the absence of an explicit validation/verification step to confirm the translated component renders identically to the source HTML.

Suggestions

Add an explicit validation step to the workflow, e.g. "Render the component and diff the output HTML against the curl-fetched source; only proceed when they match" — this directly serves the stated 'Fidelity is King' goal

Trim the redundant 'When to use this skill' section (it duplicates the frontmatter description) and the meta-intro sentence to save tokens

Show the curl fetch as a runnable example (e.g. `curl -s https://example.com/section > source.html`) so the first workflow step is copy-paste ready

DimensionReasoningScore

Conciseness

The body is lean and assumes Claude's competence (no explanation of what Jaspr or HTML is), but there is minor removable padding: the "This document outlines the process and key learnings..." intro and the "When to use this skill" section that duplicates the frontmatter description.

4 / 5

Actionability

Guidance is mostly executable — concrete curl instruction, two complete Dart snippets, and specific paths (lib/constants/asset_loader.dart, content/_data/, lib/components/sections). Minor gap: the curl fetch is described but never shown as a runnable command, and _buildItem is referenced without definition.

4 / 5

Workflow Clarity

A clear two-step sequence (Fetch & Extract, Markup Translation) with well-organized subsections, but validation is only implicit — there is no checkpoint to compare the rendered output against the original HTML despite "Fidelity is King" being the stated success criterion.

3 / 5

Progressive Disclosure

A single well-sectioned file with all content appropriately inlined and no nested references; scored 4 rather than 5 because the body slightly exceeds the ~50-line simple-skill threshold and referenced repo paths (e.g. lib/components/sections) could be surfaced as a discoverable list.

4 / 5

Total

15

/

20

Passed

Description

62%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 solid description with a clear what/when structure and third-person voice, anchored by the distinctive "Jaspr" keyword. Its main weaknesses are limited action coverage and a trigger clause that offers little beyond restating the capability.

Suggestions

Expand the action list in the description to cover the skill's real capabilities, e.g. "Extracts HTML from a live site and converts it to a Jaspr (Dart) component with 1:1 markup fidelity, asset resolution, and data-driven content"

Broaden trigger terms to include natural variations such as "HTML", "web page", and "convert a component to Jaspr" so users phrasing the need differently still hit the skill

Make the 'Use when' clause add distinct scenarios rather than repeat the capability, e.g. "Use when migrating an existing website or page section to a Jaspr/Dart codebase"

DimensionReasoningScore

Specificity

"Extracts a part of a website and converts it to a Jaspr component" names the domain and exactly two concrete actions (extract, convert), but coverage is not comprehensive — no mention of asset handling, data-driven components, or fidelity requirements.

3 / 5

Completeness

Both "what" (extracts a website part and converts it to a Jaspr component) and an explicit "Use when..." clause are present; the "when" merely restates the "what" rather than adding distinct trigger scenarios, so it does not reach anchor 5.

4 / 5

Trigger Term Quality

Relevant keywords are present ("website", "Jaspr", "migrate", "component") but common variations users would naturally say — "HTML", "web page", "convert" — are missing.

3 / 5

Distinctiveness Conflict Risk

"Jaspr" is a clear niche marker making the skill mostly distinct, but the broad phrase "extracts a part of a website" creates minor overlap risk with general web-scraping/extraction skills.

4 / 5

Total

14

/

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

flutter/website

Path

sites/www/.agents/skills/extract-to-jaspr/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.