CtrlK
BlogDocsLog inGet started
Tessl Logo

jazz-ui-development

Use this skill when building, debugging, or optimizing Jazz applications. It covers Jazz's bindings with various different UI frameworks, as well as how to use Jazz without a framework. Look here for details on providers and context, hooks and reactive data fetching, authentication, and specialized UI components for media and inspection.

76

Quality

93%

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

87%

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

A well-organized, lean UI-development reference with executable examples and exemplary framework-file splitting. Its main weakness is the troubleshooting flows, which present sequences without explicit validation checkpoints.

Suggestions

Add explicit validation checkpoints to the troubleshooting steps (e.g., 'After adding resolve, confirm $isLoaded is true and nested fields are non-undefined before rendering') to turn diagnostic lists into verify-then-proceed feedback loops.

For the 'Infinite re-render loops' and 'Reactivity not triggering' flows, include a concrete verification signal to check after each fix (such as confirming renders stabilize or that a sync event fires) so Claude knows when to stop iterating.

Consider a short explicit 'verify the fix' closing step in each troubleshooting section so the workflow meets the feedback-loop expectation for debugging operations.

DimensionReasoningScore

Conciseness

The body is dense, reference-style content with no concept explanations of what Jazz is or how frameworks work; sections like the $jazz namespace and data-type read/write lists are lean and every token earns its place.

3 / 3

Actionability

Provides concrete executable code (ensureLoaded with resolve, CoFeed iteration/push, DiscriminatedUnion narrowing, the <Image> component) and specific API methods (.$jazz.set/push/splice/applyDiff), making guidance copy-paste ready.

3 / 3

Workflow Clarity

The Troubleshooting subsections use numbered diagnostic sequences (Check $isLoaded -> Deep Loading -> Provider Check) but lack explicit validation checkpoints or verify-before-proceeding feedback loops, matching the 'sequence present but checkpoints missing or implicit' anchor.

2 / 3

Progressive Disclosure

Framework-specific detail is split into real, one-level-deep, clearly signaled reference files (react.md, react-native.md, expo.md, svelte.md, vanilla.md) with a dedicated Framework Guides navigation section, while only universal shared API is kept inline.

3 / 3

Total

11

/

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 that opens with an explicit 'Use this skill when' trigger and enumerates concrete UI-development capabilities. It clearly communicates both purpose and activation conditions with minimal fluff.

DimensionReasoningScore

Specificity

Lists multiple concrete actions and topics — 'building, debugging, or optimizing Jazz applications' plus 'providers and context, hooks and reactive data fetching, authentication, and specialized UI components for media and inspection' — matching the 'lists multiple specific concrete actions' anchor.

3 / 3

Completeness

Explicitly answers both what (the capabilities it 'covers') and when ('Use this skill when...'), satisfying the anchor for clearly answering both what AND when with explicit triggers.

3 / 3

Trigger Term Quality

The 'Use this skill when building, debugging, or optimizing Jazz applications' phrasing and natural terms like 'hooks', 'authentication', 'providers and context' map well to what a user would actually say, giving good coverage of natural trigger terms.

3 / 3

Distinctiveness Conflict Risk

Scoped clearly to Jazz's UI/framework integration layer (providers, hooks, reactive data, media/inspection UI components), a distinct niche unlikely to trigger for schema, permissions, or testing work.

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
garden-co/classic-jazz
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.