CtrlK
BlogDocsLog inGet started
Tessl Logo

jui-styles

Style JUI components, controls, and fragments using localised CSS, CSS variables, and style packs. Use this skill when the user asks to: add or modify CSS for a component/control/fragment, create a custom style variant, theme a component, use CSS variables, or asks about styling patterns. Also trigger when the user mentions ILocalCSS, CssResource, localised CSS, style pack, Config.Style, CSS variables, or asks how to style or theme a JUI element.

73

Quality

91%

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

82%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 comprehensive, highly actionable styling guide with complete executable examples and a clear sequenced workflow. Its main weaknesses are minor framing prose that could be tightened and a fully monolithic structure with no file-based progressive disclosure despite its length.

Suggestions

Tighten the Variants introduction: replace the conceptual framing paragraph with a concise definition plus the code example, trimming the 'Rather than hand-setting half a dozen options' rationale.

Consider splitting the larger reference material (e.g., the full Style Packs and Custom Styles examples, or the File-based Stylesheets section) into a separate reference file linked from SKILL.md to introduce one-level-deep progressive disclosure.

Add a lightweight validation step to the Workflow (e.g., 'Confirm @CssResource includes the required base CSS and that style method names use underscores') as a final checkpoint.

DimensionReasoningScore

Conciseness

Dense and technical with no basic-concept padding, but the Variants section contains framing prose ('a variant is a named, reusable bundle... Rather than hand-setting half a dozen options...') that could be trimmed.

4 / 5

Actionability

Provides complete, executable Java code examples covering components, controls, both fragment approaches, CSS variables, style packs, custom styles, file-based stylesheets, and mixed obfuscated/plain styles — copy-paste ready across common cases.

5 / 5

Workflow Clarity

Ends with a clearly sequenced 9-step Workflow, but lacks explicit validation/checkpoint steps; styling is non-destructive so the missing-validation cap does not apply, leaving only a minor gap.

4 / 5

Progressive Disclosure

Strong section-level organization with a clear overview (CSS Hierarchy) and labeled sections, but the ~615-line skill is entirely inlined with no external reference files or one-level-deep references.

4 / 5

Total

17

/

20

Passed

Description

100%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 strong, well-structured description that clearly answers both what the skill does and when to trigger it, using concrete actions, natural synonyms, and highly specific framework terms that minimize conflict risk. Voice is appropriately third-person/imperative.

DimensionReasoningScore

Specificity

Lists multiple concrete actions (add/modify CSS, create a custom style variant, theme a component, use CSS variables) with comprehensive coverage of the JUI styling niche, matching the score-5 anchor.

5 / 5

Completeness

Explicitly states what the skill does ('Style JUI components, controls, and fragments...') and when to use it ('Use this skill when the user asks to:...' plus 'Also trigger when...'), with concrete trigger phrases.

5 / 5

Trigger Term Quality

Covers natural terms with synonyms (style/theme, CSS/style packs/variants) plus domain-specific technical triggers (ILocalCSS, CssResource, localised CSS, Config.Style), matching comprehensive coverage.

5 / 5

Distinctiveness Conflict Risk

Niche-specific JUI terminology and framework-specific triggers (ILocalCSS, CssResource, Config.Style, style pack) give it a clear niche with minimal overlap risk.

5 / 5

Total

20

/

20

Passed

Validation

93%

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

Validation15 / 16 Passed

Validation for skill structure

CriteriaDescriptionResult

skill_md_line_count

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

Warning

Total

15

/

16

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.