CtrlK
BlogDocsLog inGet started
Tessl Logo

sandbox

Visual HTML canvas sandbox for agent-driven UI and live previews

56

Quality

47%

Does it follow best practices?

Impact

Pending

No eval scenarios have been run

SecuritybySnyk

Passed

No known issues

Optimize this skill with Tessl

npx tessl skill review --optimize ./src/skills/bundled/sandbox/SKILL.md
SKILL.md
Quality
Evals
Security

Quality

Discovery

22%

Based on the skill's description, can an agent find and select it at the right time? Clear, specific descriptions lead to better discovery.

The description is too vague and buzzword-heavy, reading more like a tagline than a functional skill description. It fails to list concrete actions the skill performs and completely lacks a 'Use when...' clause, making it difficult for Claude to know when to select this skill over others.

Suggestions

Add a 'Use when...' clause specifying explicit triggers, e.g., 'Use when the user asks to preview HTML, create interactive UI demos, or render live web components in a sandbox.'

Replace vague terms with concrete actions, e.g., 'Renders HTML/CSS/JS in an interactive sandbox, supports live preview of UI components, and enables visual prototyping of web interfaces.'

Include natural user-facing keywords like 'preview HTML', 'web preview', 'interactive demo', 'UI mockup', 'render webpage' to improve trigger term coverage.

DimensionReasoningScore

Specificity

The description uses vague, abstract language like 'visual HTML canvas sandbox' and 'agent-driven UI' without listing any concrete actions. It doesn't specify what operations can be performed (e.g., render HTML, preview components, create interactive widgets).

1 / 3

Completeness

The 'what' is vaguely stated and the 'when' is entirely missing. There is no 'Use when...' clause or equivalent explicit trigger guidance, and the description doesn't clearly explain what the skill does beyond buzzword-level terms.

1 / 3

Trigger Term Quality

Contains some relevant keywords like 'HTML', 'canvas', 'sandbox', and 'live previews' that users might mention, but misses common variations like 'preview HTML', 'render webpage', 'interactive demo', 'UI prototype', or file extensions.

2 / 3

Distinctiveness Conflict Risk

Terms like 'HTML', 'UI', and 'live previews' could overlap with general web development skills, HTML editing skills, or frontend preview tools. The 'canvas sandbox' aspect adds some distinction but is not clearly scoped.

2 / 3

Total

6

/

12

Passed

Implementation

72%

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

This is a clean, well-structured skill that efficiently documents a command-based canvas tool. Its main strengths are conciseness and organization. Its weaknesses are the lack of error handling/validation guidance and the absence of more detailed examples showing complex HTML payloads or multi-step workflows with checkpoints.

Suggestions

Add error handling guidance: what happens if you push before starting, or if the server fails to start, and how to recover.

Include a more complete example showing a realistic workflow with a multi-element HTML payload and verification via screenshot, including what to do if the screenshot shows unexpected results.

DimensionReasoningScore

Conciseness

The content is lean and efficient. No unnecessary explanations of what HTML is, how servers work, or other concepts Claude already knows. Every section earns its place.

3 / 3

Actionability

The commands are clearly listed and the example sequence is concrete, but there's no executable code beyond slash commands. Missing details like what URL format is returned, how to construct more complex HTML payloads, or how to handle errors reduces actionability.

2 / 3

Workflow Clarity

The 'How It Works' section provides a clear sequence, and the example shows a logical flow (start → push → screenshot → status → reset). However, there are no validation checkpoints or error handling guidance—e.g., what happens if push fails, or if the server isn't started before pushing.

2 / 3

Progressive Disclosure

For a simple, single-purpose skill under 50 lines, the content is well-organized into logical sections (Commands, Environment Variables, Examples, How It Works) with clear headers and no unnecessary nesting or external references needed.

3 / 3

Total

10

/

12

Passed

Validation

90%

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

Validation10 / 11 Passed

Validation for skill structure

CriteriaDescriptionResult

frontmatter_unknown_keys

Unknown frontmatter key(s) found; consider removing or moving to metadata

Warning

Total

10

/

11

Passed

Repository
alsk1992/CloddsBot
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.