CtrlK
BlogDocsLog inGet started
Tessl Logo

component-fixtures

Use when creating or updating component fixtures for screenshot testing, or when designing UI components to be fixture-friendly. Covers fixture file structure, theming, service setup, CSS scoping, async rendering, and common pitfalls.

68

Quality

82%

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

65%

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 strong concrete examples, but it carries redundancy between two overlapping design sections and keeps all material in one large file with no progressive disclosure or screenshot-verification checkpoint.

Suggestions

Merge "Adapting Existing Components for Fixtures" and "Writing Fixture-Friendly Components" into one section to remove the repeated CSS-scoping, DI, auto-focus, and domNode guidance.

Add a verification step to the running workflow (e.g., open/inspect the captured screenshot before considering a fixture done) to give the sequence an explicit checkpoint.

Move the detailed "Writing Fixture-Friendly Components" practices into a referenced file (e.g., FIXTURE_FRIENDLY.md) and keep SKILL.md as a lean overview pointing to it.

DimensionReasoningScore

Conciseness

The body is dense and mostly earns its tokens, but "Adapting Existing Components for Fixtures" and "Writing Fixture-Friendly Components" cover overlapping ground (CSS scoping, DI, auto-focus, domNode exposure), and the "Learnings" heading opens with a placeholder line.

2 / 3

Actionability

Multiple copy-paste-ready TypeScript examples (basic pattern, CSS scoping, service mocking, async handling, variants) plus a concrete utilities table give fully executable guidance.

3 / 3

Workflow Clarity

"Running Fixtures Locally" is a clear 3-step sequence, but it lacks any verification checkpoint (e.g., confirming the screenshot captured the expected state), and the async/pitfall guidance describes problems without a validate-fix-retry loop.

2 / 3

Progressive Disclosure

Sections are well headed and navigable, but at ~340 lines everything lives inline in SKILL.md with no reference files — content like the fixture-friendly design guide could be split out for one-level-deep disclosure.

2 / 3

Total

9

/

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 description: it names concrete actions, gives an explicit Use-when trigger, and carves out a distinct niche without padding or over-claiming.

DimensionReasoningScore

Specificity

Lists multiple concrete capabilities — "creating or updating component fixtures for screenshot testing", "designing UI components to be fixture-friendly" — plus a roster of covered areas (theming, service setup, CSS scoping, async rendering).

3 / 3

Completeness

An explicit "Use when…" clause states the trigger, and "Covers fixture file structure, theming, service setup…" states what it does, answering both what and when.

3 / 3

Trigger Term Quality

Natural domain terms a user would say — "component fixtures", "screenshot testing", "UI components", "fixture-friendly" — are well covered rather than buried in jargon.

3 / 3

Distinctiveness Conflict Risk

The component-fixture/screenshot-testing niche is narrow with distinctive triggers, making conflict with unrelated skills unlikely.

3 / 3

Total

12

/

12

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
posit-dev/positron
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.