CtrlK
BlogDocsLog inGet started
Tessl Logo

arn-spark-clickable-prototype

This skill should be used when the user says "clickable prototype", "arn clickable prototype", "interactive prototype", "test interactions", "validate UX", "user journeys", "test navigation", "make it clickable", "prototype interactions", "test the prototype", "build the screens", "create the UI", "screen mockups", or wants to generate a clickable interactive prototype with linked screens and validate it through iterative build-review cycles with Playwright-based interaction testing, per-criterion scoring, an independent judge verdict, and versioned output.

67

Quality

81%

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

70%Weight 40%Scale 1-3

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

A well-sequenced, validation-rich workflow with good progressive disclosure of templates into reference files. It is held back by repetitive inline sections (Agent Invocation Guide, Error Handling) that restate the steps, and by abstract, non-executable guidance for the dev-server start/poll and Playwright capture steps.

Suggestions

Remove the "Agent Invocation Guide" table and "Error Handling" section, or replace them with a one-line pointer — they duplicate Steps 4a–5b and the inline error handling already present, cutting significant tokens.

Provide a concrete dev-server start/poll pattern (e.g., a representative `npm run dev` + curl readiness check example) rather than leaving "Determine how to run the prototype ... whatever the framework requires" abstract.

Either inline a minimal executable Playwright capture script skeleton or have the showcase-capture-guide reference supply the copy-paste-ready script, instead of instructing Claude to "Generate a Playwright capture script following the capture guide".

DimensionReasoningScore

Conciseness

The workflow is mostly efficient and assumes Claude's competence (no filler explaining what a prototype is), but the "Agent Invocation Guide" table and "Error Handling" section largely restate Steps 4a–5b, and the model-dispatch instruction is repeated verbatim three times — padding that could be trimmed.

2 / 3

Actionability

Guidance is largely concrete — named agents, exact output paths, file names, and verbatim AskUserQuestion prompts — but key operational steps are left abstract: "Determine how to run the prototype ... whatever the framework requires", "Wait for it to be ready (e.g., poll a URL)", and "Generate a Playwright capture script following the capture guide" are not copy-paste ready.

2 / 3

Workflow Clarity

The eight steps are clearly sequenced with explicit validation checkpoints — Step 4d checks all criteria against the threshold, with a build→validate→fix→retry feedback loop and PASS/FAIL budget handling in Step 5 — plus a task checklist (Step 3) and structured error recovery.

3 / 3

Progressive Disclosure

Templates are correctly externalized to four real, one-level-deep reference files (journey-template, clickable-prototype-criteria, review-report-template, showcase-capture-guide), each clearly signaled at its point of use with an explicit "Read ..." instruction.

3 / 3

Total

10

/

12

Passed

Description

92%Weight 40%Scale 1-3

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 strong description that explicitly states both what the skill does and when to use it, with abundant natural trigger terms and concrete capabilities. Its main weakness is a few overly broad UI-creation triggers that risk overlapping with the static-prototype sibling skill.

DimensionReasoningScore

Specificity

It lists multiple concrete actions — "generate a clickable interactive prototype with linked screens", "validate it through iterative build-review cycles", "Playwright-based interaction testing, per-criterion scoring, an independent judge verdict, and versioned output" — rather than vague language.

3 / 3

Completeness

It explicitly answers both what ("generate a clickable interactive prototype ... and validate it through iterative build-review cycles ...") and when ("This skill should be used when the user says ..."), with an explicit trigger clause present.

3 / 3

Trigger Term Quality

It includes a broad set of natural terms a user would actually say — "clickable prototype", "make it clickable", "test the prototype", "interactive prototype", "build the screens", "screen mockups" — giving strong coverage of common phrasings.

3 / 3

Distinctiveness Conflict Risk

The clickable/interactive-validated niche is clear and unlikely to conflict for the core triggers, but broad phrases like "create the UI", "build the screens", and "screen mockups" could overlap with the sibling /arn-spark-static-prototype skill and general UI work.

2 / 3

Total

11

/

12

Passed

Validation

93%

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

Validation15 / 16 Passed

Validation for skill structure

CriteriaDescriptionResult

frontmatter_unknown_keys

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

Warning

Total

15

/

16

Passed

Repository
AppsVortex/arness
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.