ui-demo

Record polished UI demo videos using Playwright. Use when the user asks to create a demo, walkthrough, screen recording, or tutorial video of a web application. Produces WebM videos with visible cursor, natural pacing, and professional feel.

Quality

88%

Does it follow best practices?

Run evals on this skill

Adds up to 20 points to the overall score

View guide

Securityby

Passed

No known issues

Quality

Content

77%

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

Highly actionable content with an excellent validated three-phase workflow, but it is long and monolithic. Tightening the prose and offloading the helper library into a bundled script would improve token efficiency and progressive disclosure.

Suggestions

Move the reusable helper functions (injectCursor, moveAndClick, typeSlowly, ensureVisible, panElements, injectSubtitleBar, showSubtitle) into a scripts/ bundle file and reference it from the body, keeping only the workflow and key snippets inline to improve progressive_disclosure and conciseness.

Trim or merge the 'Common Pitfalls' section, which overlaps the 'Checklist Before Recording' and 'What to look for' content, to reduce redundancy.

Shorten the '### Why' subsections to one-line rationales or fold them into the preceding guidance so the body stays lean.

Dimension	Reasoning	Score
Conciseness	Mostly executable helpers that earn their place, but the '### Why' prose, the 'Common Pitfalls' list (which partly duplicates the checklist and 'What to look for'), and the full inline helper library make the body long and tightenable. Not a 3 because not every token earns its place; not a 1 because there is no padding about concepts Claude already knows.	2 / 3
Actionability	Provides complete, executable JavaScript helpers (injectCursor, moveAndClick, typeSlowly, ensureVisible, panElements, injectSubtitleBar), a full copy-paste script template, and concrete run commands — fully actionable.	3 / 3
Workflow Clarity	A clear Discover -> Rehearse -> Record sequence with explicit validation checkpoints ('Only proceed when every selector passes'), a rehearsal feedback loop (read dump -> fix selector -> re-run), and a pre-record checklist.	3 / 3
Progressive Disclosure	Single monolithic ~460-line file with no bundle files; reusable helper code that could be a separate script is inline. Well-sectioned, but content that should be separate is inline and there are no one-level-deep references, so it does not reach 3.	2 / 3
	Total	10 / 12 Passed

Description

100%

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, well-formed description: concrete capabilities, explicit trigger terms, clear what/when coverage, and a distinct niche. No significant weaknesses.

Dimension	Reasoning	Score
Specificity	Lists multiple concrete actions and outputs — 'Record polished UI demo videos using Playwright' and 'Produces WebM videos with visible cursor, natural pacing, and professional feel' — rather than vague domain mention.	3 / 3
Completeness	Explicitly answers both 'what' (record UI demo videos, produce WebM with cursor/pacing) and 'when' via an explicit 'Use when the user asks to create...' trigger clause.	3 / 3
Trigger Term Quality	Covers natural terms users would say — 'demo, walkthrough, screen recording, or tutorial video of a web application' — with several common variations, not just one keyword.	3 / 3
Distinctiveness Conflict Risk	Occupies a clear niche — web application UI demo videos via Playwright — with distinctive triggers unlikely to fire for unrelated skills.	3 / 3
	Total	12 / 12 Passed

Validation

93%

Warnings & errors only

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

Validation — 15 / 16 Passed

Validation for skill structure

Criteria	Description	Result
metadata_version	'metadata.version' is missing	Warning

	Total	15 / 16 Passed

Repository: affaan-m/ECC
Commit: 754b8dd

Reviewed: 4 days ago

Table of Contents

Discovery Implementation Validation

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.