CtrlK
BlogDocsLog inGet started
Tessl Logo

iptvnator-ui-design

Use when changing user-visible Angular UI in IPTVnator, especially channel rows or lists, EPG views, settings and playlist surfaces, selection states, shared portal components, or light/dark styling.

71

Quality

86%

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

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

A dense, well-structured design contract that respects the token budget and points clearly to inspect-first references with an explicit validation step. Adding a concrete code example and a validation failure/retry loop would round it out.

Suggestions

Include a small copy-paste code snippet illustrating the dense-row flex pattern (min-width: 0 + ellipsis, flex-shrink: 0) to push actionability toward 5.

Add an explicit "if validation fails → fix and re-run" feedback loop in the Validation section to reach the top workflow-clarity anchor.

DimensionReasoningScore

Conciseness

Lean and efficient with no concept padding (no explanation of what Angular or EPG is); every directive and file reference earns its place and assumes Claude's competence.

5 / 5

Actionability

Provides concrete, actionable guidance (exact CSS like min-width: 0 plus ellipsis, flex-shrink: 0, and commands like Playwright/Electron CDP), but as an instruction skill it lacks any copy-paste code block and some directives ("check every affected consumer") are abstract.

4 / 5

Workflow Clarity

A clear Inspect → Design Contract → Validate sequence with an explicit validation checkpoint (run focused target + Playwright, record uncovered states), but no error-recovery feedback loop for failed validation.

4 / 5

Progressive Disclosure

Clear overview with well-signaled, one-level-deep references (policy doc, theme files, component directories, @iptvnator packages) under "Inspect First"; no nested references and content appropriately split.

5 / 5

Total

18

/

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.

A tightly scoped, well-triggered description that clearly states what and when with concrete surfaces. The only weakness is the generic action verb and a few missing synonyms/extensions among the trigger terms.

Suggestions

Replace the generic verb "changing" with more specific actions (e.g., "Modify, restyle, or restructure") to lift specificity toward 5.

Add natural synonyms users might say, such as "theme" alongside "light/dark styling", and mention file extensions where relevant.

DimensionReasoningScore

Specificity

Names the domain (Angular UI in IPTVnator) and enumerates many concrete surfaces (channel rows/lists, EPG views, settings, playlist surfaces, selection states, shared portal components, light/dark styling), but the action verb "changing" is generic rather than a set of distinct concrete actions.

4 / 5

Completeness

Explicit "Use when…" clause with concrete trigger phrases answers both what (changing user-visible Angular UI) and when (the listed surfaces), matching the top anchor.

5 / 5

Trigger Term Quality

Good coverage of natural terms a developer would say (Angular UI, channel rows, EPG views, settings, playlist, light/dark styling), but missing common synonyms like "theme" and any file extensions, so it falls just short of comprehensive.

4 / 5

Distinctiveness Conflict Risk

Tightly scoped to IPTVnator Angular UI with distinct, niche-specific triggers, giving minimal overlap risk with other skills.

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.

Validation16 / 16 Passed

Validation for skill structure

No warnings or errors.

Repository
4gray/iptvnator
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.