CtrlK
BlogDocsLog inGet started
Tessl Logo

react-app

Build a React single-page app for an Android WebView

56

Quality

64%

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

Fix and improve this skill with Tessl

tessl review fix ./app/src/main/assets/skills/react-app/SKILL.md
SKILL.md
Quality
Evals
Security

Quality

Content

72%

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

The body is token-efficient and well-structured for its size, with a clear architecture and workflow, but it would benefit from a complete executable component example and an explicit verification step to confirm the app boots in the WebView.

Suggestions

Add one complete, copy-paste-ready example component using htm (e.g. a Header.js showing `const html = htm.bind(React.createElement)` with a full function component and `export`-free mounting) to move actionability from concrete-but-incomplete to fully executable.

Add a verification checkpoint to the workflow, e.g. 'After index.html boots, confirm the root renders in the WebView before adding components', to give the sequence an explicit checkpoint.

Consider a short 'verify it runs' note (open index.html, check the console for missing vendor paths) so the incremental build loop has a feedback step.

DimensionReasoningScore

Conciseness

The body is lean and assumes Claude's competence — it never explains what React, a WebView, or UMD is, and every line gives specific instruction (exact vendor paths, 'NO build-time JSX', 'don't reach for context/redux'), matching the 'lean and efficient; every token earns its place' anchor.

3 / 3

Actionability

It provides concrete guidance (specific paths like assets/vendor/react.js, the htm.bind(React.createElement) snippet, React.useState/useEffect globals) but offers no complete, copy-paste-ready component example, fitting 'some concrete guidance but incomplete' rather than 'fully executable code; copy-paste ready'.

2 / 3

Workflow Clarity

The Workflow section lists a clear numbered sequence (plan if >3 components, start with index.html, add components incrementally) but includes no validation or verification checkpoints, matching 'steps listed but validation gaps; checkpoints missing or implicit'.

2 / 3

Progressive Disclosure

The skill is under 50 lines, self-contained with no external reference docs needed, and is organized into well-signaled sections (Architecture, File layout, Workflow, Don't, Working with the user), so per the under-50-lines guideline progressive disclosure scores 3 on well-organized sections alone.

3 / 3

Total

10

/

12

Passed

Description

57%

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 concise and identifies a distinctive niche, but it states only one action and lacks an explicit 'Use when...' trigger clause within the description field itself, leaving specificity, trigger coverage, and completeness at the mid level.

Suggestions

Add 1-2 more concrete capabilities to the description (e.g., 'Build a React single-page app for an Android WebView: scaffold components, manage state, and style with plain CSS') to lift specificity from one action to multiple.

Append an explicit trigger clause to the description, e.g. 'Use when the user wants an interactive multi-component web UI that runs inside an Android WebView with no build step.', so completeness is not capped at 2.

Broaden trigger terms to include natural variations users say ("web app", "frontend UI", "mobile web view") to improve trigger-term coverage.

DimensionReasoningScore

Specificity

The description names the domain ("React single-page app", "Android WebView") and one concrete action ("Build"), but lists only a single action rather than multiple specific capabilities, matching the 'names domain and some actions' anchor rather than the 'lists multiple specific concrete actions' anchor.

2 / 3

Completeness

It clearly states what the skill does ("Build a React single-page app for an Android WebView") but the description field itself contains no 'Use when...' trigger guidance — that lives in the separate when_to_use field — so per the guidelines completeness is capped at 2.

2 / 3

Trigger Term Quality

It includes relevant natural terms ("React", "single-page app", "Android WebView") but offers narrow coverage missing common variations a user might say ("web app", "frontend", "UI"), fitting 'some relevant keywords but missing common variations' rather than full coverage.

2 / 3

Distinctiveness Conflict Risk

The combination of "React single-page app" scoped specifically to an "Android WebView" defines a clear niche with distinct triggers unlikely to conflict with unrelated skills, matching the 'clear niche with distinct triggers' anchor.

3 / 3

Total

9

/

12

Passed

Validation

87%

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

Validation14 / 16 Passed

Validation for skill structure

CriteriaDescriptionResult

frontmatter_unknown_keys

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

Warning

referenced_paths_exist

Referenced path issues: 6 missing, 3 deeper-than-1-level

Warning

Total

14

/

16

Passed

Repository
shiaho777/web-to-app
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.