CtrlK
BlogDocsLog inGet started
Tessl Logo

jui-components

Create JUI components — reusable UI building blocks used in GWT/JUI applications. Use this skill when the user asks to: create a new component, build a custom UI element, create a panel or widget, or asks about component patterns. Also trigger when the user mentions component, SimpleComponent, StateComponent, buildNode, renderer, DomBuilder, or asks how to create a reusable UI element.

68

Quality

82%

Does it follow best practices?

Impact

No eval scenarios have been run

SecuritybySnyk

Passed

No known issues

SKILL.md
Quality
Evals
Security

Quality

Content

64%

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

This is a strong, highly actionable skill with excellent executable code examples covering the full JUI component creation workflow. Its main weaknesses are length (could benefit from splitting advanced topics like modal dialogs into separate files) and the lack of validation/verification checkpoints in the workflow section. The content demonstrates good domain knowledge and respects Claude's intelligence by avoiding unnecessary explanations of basic concepts.

Suggestions

Add validation checkpoints to the workflow section, such as 'Verify the component renders by inserting it into a test container' or 'Check browser console for CSS resource errors'.

Consider splitting modal dialogs, creator classes, and behavioral interfaces into a separate reference file (e.g., ADVANCED.md) to reduce the main skill's token footprint and improve progressive disclosure.

DimensionReasoningScore

Conciseness

The skill is comprehensive and mostly efficient, but it's quite long (~400 lines) and includes some sections that could be more tightly written. The component hierarchy table and DomBuilder essentials are well-structured, but the modal dialog section with three full examples (simple, processing, configurable) is verbose when patterns could be shown more concisely. It respects Claude's intelligence by not explaining basic Java or GWT concepts.

2 / 3

Actionability

Excellent actionability throughout — every section provides fully executable Java code examples that are copy-paste ready. The code covers element creation, event handling, configuration patterns, lifecycle hooks, modal dialogs, and more. Examples are concrete with real method signatures and realistic usage patterns.

3 / 3

Workflow Clarity

The workflow section at the end provides a clear 10-step sequence for creating a new component, which is helpful. However, it lacks validation checkpoints — there are no verification steps (e.g., 'verify the component renders correctly', 'check CSS is applied'). For a component creation workflow that involves CSS resources, DOM building, and configuration, missing validation steps cap this at 2.

2 / 3

Progressive Disclosure

The skill appropriately references the `jui-styles` skill and `jui-controls` skill for related topics, which is good progressive disclosure. However, the document itself is quite long and monolithic — sections like modal dialogs, creator classes, and behavioral interfaces could potentially be split into separate reference files. With no bundle files provided, the inline content is heavy for a single SKILL.md.

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.

This is an excellent skill description that clearly defines what it does (creates JUI components for GWT/JUI applications), when to use it (with explicit trigger scenarios and keyword lists), and is highly distinctive through domain-specific terminology. It uses proper third-person voice and provides comprehensive trigger term coverage spanning both natural language and technical terms.

DimensionReasoningScore

Specificity

The description lists multiple specific concrete actions: 'Create JUI components', 'reusable UI building blocks', and references specific patterns like SimpleComponent, StateComponent, buildNode, renderer, DomBuilder. It clearly names the domain (GWT/JUI applications) and the concrete artifacts being created.

3 / 3

Completeness

Clearly answers both 'what' (create JUI components — reusable UI building blocks for GWT/JUI applications) and 'when' (explicit 'Use this skill when...' clause with detailed trigger scenarios and specific keyword triggers via 'Also trigger when...').

3 / 3

Trigger Term Quality

Excellent coverage of natural trigger terms users would say: 'component', 'custom UI element', 'panel', 'widget', 'component patterns', 'SimpleComponent', 'StateComponent', 'buildNode', 'renderer', 'DomBuilder', 'reusable UI element'. Covers both high-level natural language and specific technical terms users in this domain would use.

3 / 3

Distinctiveness Conflict Risk

Highly distinctive with a clear niche: JUI/GWT components specifically. The mention of domain-specific terms like SimpleComponent, StateComponent, buildNode, DomBuilder makes it very unlikely to conflict with generic UI or web component skills.

3 / 3

Total

12

/

12

Passed

Validation

90%

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

Validation10 / 11 Passed

Validation for skill structure

CriteriaDescriptionResult

skill_md_line_count

SKILL.md is long (572 lines); consider splitting into references/ and linking

Warning

Total

10

/

11

Passed

Repository
juiproject/jui-stack
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.