CtrlK
BlogDocsLog inGet started
Tessl Logo

styles

Use this skill to integrate the Jetpack Compose Styles API into an Android project. This skill guides you through upgrading dependencies, setting up component themes, making custom components styleable, and migrating existing layout properties to use unified styles. Migrate custom design system components, replace hard coded parameters with Style attributes, and use Modifier.styleable for interaction states.

61

Quality

74%

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

Fix and improve this skill with Tessl

tessl review fix ./jetpack-compose/theming/styles/SKILL.md
SKILL.md
Quality
Evals
Security

Quality

Content

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

The content is a well-structured, actionable migration guide with executable Kotlin examples, clear sequencing, and strong progressive disclosure to real reference files. Minor gains come from tightening the emulator branching and adding explicit error-recovery loops.

Suggestions

Tighten Step 3.1's emulator branching; it spends several lines on conditional screenshot-test setup that could be condensed.

Add an explicit validate→fix→retry feedback loop in Step 4 (e.g. 'If the build or screenshot tests fail, fix and re-run before proceeding').

Fill or justify the empty `Style {}` placeholder bodies in the Step 2 example so the snippet is fully executable.

DimensionReasoningScore

Conciseness

The body is mostly lean — prerequisites, numbered steps, and focused code examples — with only minor over-explanation such as elaborating when to skip the emulator baseline step.

4 / 5

Actionability

Provides concrete, copy-paste-ready Kotlin snippets (ComponentStyles object, StyleScope extensions, before/after migration) and exact version/build.gradle.kts blocks, with only minor gaps like the empty `Style {}` placeholder bodies.

4 / 5

Workflow Clarity

The migration is a clearly sequenced 4-step workflow with explicit validation in Step 4 (build, run screenshot tests, compare visual outputs), though error-recovery feedback loops could be more explicit.

4 / 5

Progressive Disclosure

The body is a concise overview that points to well-signaled one-level-deep reference files (fundamentals.md, state-animations.md, styles-vs-modifiers.md, theming.md, custom.md), all of which exist as real bundle files, keeping detailed guides out of SKILL.md.

5 / 5

Total

17

/

20

Passed

Description

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

The description is specific and action-oriented with strong concrete verbs, but it omits an explicit 'Use when...' trigger clause, leaving Claude without clear invocation guidance. Adding natural trigger phrases would lift completeness and distinctiveness.

Suggestions

Add an explicit 'Use when...' clause, e.g. 'Use when integrating Jetpack Compose Styles, migrating custom components to Style attributes, or adopting Modifier.styleable for interaction states.'

Clarify the boundary (custom components/themes only, not Material Design) in the description itself to reduce conflict with general theming skills.

Include a few natural user phrasings like 'design system components' or 'custom Compose theme' to broaden trigger-term coverage.

DimensionReasoningScore

Specificity

Lists multiple concrete actions — 'upgrading dependencies, setting up component themes, making custom components styleable, and migrating existing layout properties' plus 'replace hard coded parameters with Style attributes' and 'use Modifier.styleable' — giving comprehensive coverage.

5 / 5

Completeness

It clearly answers 'what' (integrate the Styles API, upgrade dependencies, migrate properties) but lacks any explicit 'Use when...' trigger clause telling Claude when to invoke the skill, which caps completeness at 3.

3 / 5

Trigger Term Quality

Good coverage of natural terms (Jetpack Compose, Styles, Theming with Styles, Migrate to Styles, Modifier.styleable, Style attributes), but missing common user phrasings like 'custom theme' or 'design system styling' as synonyms.

4 / 5

Distinctiveness Conflict Risk

The niche is fairly distinct — Jetpack Compose Styles API integration with custom components — though it could overlap with general Compose theming or Material Design skills since it does not explicitly exclude Material components in the description.

4 / 5

Total

16

/

20

Passed

Validation

75%

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

Validation12 / 16 Passed

Validation for skill structure

CriteriaDescriptionResult

metadata_version

'metadata.version' is missing

Warning

metadata_field

'metadata' should map string keys to string values

Warning

relative_links

Relative link issues: 5 deeper-than-1-level

Warning

referenced_paths_exist

Referenced path issues: 5 deeper-than-1-level

Warning

Total

12

/

16

Passed

Repository
android/skills
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.