CtrlK
BlogDocsLog inGet started
Tessl Logo
SkillPublic

generated-ui

Show an interactive calculator, simulator or comparison directly in the conversation when the user wants to adjust inputs and see results, such as splitting a bill, comparing plans or exploring parameters. Prefer it to writing an HTML file unless the user asks for a file, page or project code.

Quality

89%

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

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

The body is exceptionally actionable and operationally precise: exact input limits, a well-specified JavaScript API, two complete working examples, and a six-step workflow with error recovery and retry caps. Its weaknesses are moderate redundancy in the prohibition lists and a monolithic structure where the API limits and styling guidance could be split into reference files.

Suggestions

Move the 'Exact input and supported API' limits and the 'Styling' variables/classes into one-level-deep reference files (e.g. references/api.md, references/styling.md), leaving SKILL.md as a concise overview with clearly signaled links.

Consolidate the repeated environment prohibitions — 'There is no document, window, fetch, require...' and the later 'Do not use querySelector, addEventListener, setTimeout...' list — into a single statement of the QuickJS sandbox constraints.

Merge the duplicated handler-registration guidance (step 3's 'Calculate the initial display once after registering handlers' and the API section's 'Register handlers once at initialization') into one place.

DimensionReasoningScore

Conciseness

Nearly every sentence carries tool-specific constraints Claude cannot know (24,000-char limits, patch-batch semantics, QuickJS environment, event coalescing), but there is some redundancy — environment prohibitions stated twice ('There is no document, window, fetch...' followed by 'Do not use querySelector, addEventListener, setTimeout...') and handler-registration guidance repeated across sections — keeping it at anchor 4 rather than 5.

4 / 5

Actionability

Two complete, copy-paste-ready JSON documents with fully working JavaScript, an exact API code block, and precise field limits (character counts, 512-element/64-control caps, ID rules) cover the common cases, matching the fully-executable anchor 5.

5 / 5

Workflow Clarity

Steps 1–6 are explicitly sequenced with a validation feedback loop: VIEW_ERROR results are enumerated with instructions to fix and re-call the tool, corrections are capped at one attempt, and there is an explicit fallback ('finish with the standalone answer and explain the limitation'), matching anchor 5.

5 / 5

Progressive Disclosure

The skill has clear section headers but is a single ~103-line file with no bundle files; the detailed 'Exact input and supported API' limits and the 'Styling' reference are inlined in SKILL.md where a one-level-deep reference file would fit, matching anchor 3 ('content that should be separate is inline') rather than 4.

3 / 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.

The description is strong: third-person, concrete about what it does, explicit about when to use it with natural trigger phrases (bill splitting, plan comparison, parameter exploration), and it proactively disambiguates against writing HTML files. The only gaps are a few missing natural synonyms in the trigger terms and slightly incomplete coverage of the tool's capabilities.

DimensionReasoningScore

Specificity

Concrete actions are named — 'Show an interactive calculator, simulator or comparison directly in the conversation' — with an explicit disambiguation ('Prefer it to writing an HTML file unless the user asks for a file, page or project code'), but coverage of the tool's full surface (title/summary/html/css/javascript inputs) is incomplete, matching anchor 4 rather than 5.

4 / 5

Completeness

It explicitly answers both 'what' (show an interactive calculator, simulator or comparison in the conversation) and 'when' ('when the user wants to adjust inputs and see results, such as splitting a bill, comparing plans or exploring parameters') with concrete trigger phrases and a boundary clause, matching anchor 5 exactly.

5 / 5

Trigger Term Quality

Natural user phrases like 'adjust inputs and see results', 'splitting a bill', 'comparing plans' and 'exploring parameters' give good coverage, but common variants such as 'what-if' or 'try different numbers' appear only in the body, not the description, so it falls short of comprehensive synonym coverage (anchor 5).

4 / 5

Distinctiveness Conflict Risk

It carves out a clear niche — an interactive in-conversation view — and explicitly contrasts it with the nearest competing behavior (writing an HTML file unless the user asks for a file, page or project code), giving distinct triggers with minimal conflict risk as in anchor 5.

5 / 5

Total

18

/

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

QwenLM/qwen-code

Path

integrations/generated-ui/skills/generated-ui/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.