Best practices for building UI with Jetpack Compose, focusing on state hoisting, detailed performance optimizations, and theming. Use this when writing or refactoring Composable functions.
76
70%
Does it follow best practices?
Impact
Pending
No eval scenarios have been run
Passed
No known issues
Optimize this skill with Tessl
npx tessl skill review --optimize ./.github/skills/compose-ui/SKILL.mdQuality
Discovery
75%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 description has good structure with an explicit 'Use when' clause and targets a specific technology (Jetpack Compose). However, it could be stronger by listing more concrete actions beyond conceptual areas like 'state hoisting' and 'theming', and by including more natural trigger terms users might actually type.
Suggestions
Add more concrete action verbs describing what the skill does, e.g., 'Implements state hoisting patterns, optimizes recomposition, applies Material Design theming'
Expand trigger terms to include common variations like 'Android UI', '@Composable', 'recomposition issues', 'LazyColumn', 'remember', 'derivedStateOf'
| Dimension | Reasoning | Score |
|---|---|---|
Specificity | Names the domain (Jetpack Compose, UI) and mentions some actions ('state hoisting, detailed performance optimizations, and theming'), but these are more concepts than concrete actions. Missing specific verbs like 'implement', 'refactor', 'optimize'. | 2 / 3 |
Completeness | Clearly answers both what ('Best practices for building UI with Jetpack Compose, focusing on state hoisting, detailed performance optimizations, and theming') and when ('Use this when writing or refactoring Composable functions') with an explicit trigger clause. | 3 / 3 |
Trigger Term Quality | Includes relevant keywords like 'Jetpack Compose', 'Composable functions', 'UI', but missing common variations users might say such as 'Android UI', 'Compose UI', '@Composable', 'recomposition', or 'LazyColumn'. | 2 / 3 |
Distinctiveness Conflict Risk | Clear niche targeting Jetpack Compose specifically, with distinct triggers ('Composable functions', 'Jetpack Compose'). Unlikely to conflict with general Android or other UI framework skills. | 3 / 3 |
Total | 10 / 12 Passed |
Implementation
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 solid intermediate-quality skill that provides actionable Kotlin code examples for Jetpack Compose best practices. Its main strengths are concrete, executable code snippets and clear pattern demonstrations. Weaknesses include some unnecessary explanatory text that Claude already knows and lack of progressive disclosure to deeper reference materials.
Suggestions
Remove explanatory phrases like 'Benefit: Decouples the UI...' that explain concepts Claude already understands
Add links to separate reference files for advanced topics (e.g., 'See PERFORMANCE.md for profiling recomposition' or 'See THEMING.md for custom design systems')
Consider adding a brief workflow for refactoring existing Composables: 1. Identify state 2. Hoist to caller 3. Verify preview works 4. Test
| Dimension | Reasoning | Score |
|---|---|---|
Conciseness | Mostly efficient but includes some unnecessary explanations like 'Benefit: Decouples the UI from simple state storage' which Claude already understands. The 'Ordering matters' explanation could be tightened. | 2 / 3 |
Actionability | Provides concrete, executable Kotlin code examples for state hoisting patterns, derivedStateOf usage, and modifier application. The code snippets are copy-paste ready and demonstrate real patterns. | 3 / 3 |
Workflow Clarity | This is a best practices guide rather than a multi-step workflow, so explicit validation checkpoints aren't strictly required. However, the sections are listed without clear sequencing for when to apply each practice during development. | 2 / 3 |
Progressive Disclosure | Content is reasonably organized into clear sections, but everything is inline in one file. References to external files (like 'DesignSystem.kt') are mentioned but no actual linked documentation for deeper topics like advanced performance profiling or theming customization. | 2 / 3 |
Total | 9 / 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.
Validation — 11 / 11 Passed
Validation for skill structure
No warnings or errors.
3f68e39
Table of Contents
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.