CtrlK
BlogDocsLog inGet started
Tessl Logo
SkillPublic

liquid-glass-design

iOS 26 Liquid Glass design system — dynamic glass material with blur, reflection, and interactive morphing for SwiftUI, UIKit, and WidgetKit.

Quality

76%

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 ./skills/liquid-glass-design/SKILL.md

The canonical home for this skill is liquid-glass-design in affaan-m/ECC

SKILL.md
Quality
Evals
Security

Quality

Content

75%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 well-structured, code-first pattern reference that is actionable and easy to navigate across SwiftUI, UIKit, and WidgetKit, with only minor redundancy and a couple of non-self-contained examples. Its main gaps are the absence of any "which pattern when" decision flow and the lack of reference files as the skill grows.

Suggestions

Merge the overlapping "When to Activate" and "When to Use" sections, and fold the "Key Design Decisions" table into "Best Practices" to cut ~30 lines of redundancy.

Make examples self-contained: define `symbolSet` in the glassEffectUnion snippet and fill in real view content for the widget rendering-mode branches.

Add a short decision guide (e.g., single element → .glassEffect; multiple siblings → GlassEffectContainer; appearance/disappearance → glassEffectID + withAnimation) so users can sequence pattern selection without reading every section.

DimensionReasoningScore

Conciseness

Code-dominant with lean prose that assumes Claude's competence; minor trimmable redundancy remains — the intro restates the description, "When to Activate" and "When to Use" overlap conceptually, and the "Key Design Decisions" table repeats "Best Practices".

4 / 5

Actionability

Mostly copy-paste-ready Swift covering the common cases (.glassEffect, .glass, GlassEffectContainer, glassEffectUnion, UIGlassEffect, widgetAccentable), but the union example references an undefined `symbolSet` and the widget rendering-mode example has empty comment-only branches, so a few examples are not fully executable standalone.

4 / 5

Workflow Clarity

As a pattern-reference skill it has no sequential workflow, but organization is coherent (When to Activate → per-framework patterns → decisions → best practices → anti-patterns) and directives like "Always wrap multiple glass views in a container" are unambiguous; no destructive or batch operations require validation checkpoints.

4 / 5

Progressive Disclosure

No bundle files exist and all content is inline with clear section headers and no nested references — well organized for a single-file skill, though at ~280 lines across three frameworks the UIKit/WidgetKit sections are candidates for split-out reference files.

4 / 5

Total

16

/

20

Passed

Description

65%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 distinctive and covers a well-defined niche with good natural keywords, but it reads as a noun-phrase label rather than an action-oriented statement and lacks any explicit "Use when..." trigger guidance. Adding a trigger clause and action verbs would lift it substantially.

Suggestions

Add an explicit trigger clause, e.g. "Use when implementing iOS 26 Liquid Glass effects, glass buttons or toolbars, or morphing transitions in SwiftUI, UIKit, or WidgetKit."

Convert material-property phrasing into concrete actions: "Implement glass effects (.glassEffect, UIGlassEffect), container-based morphing transitions, and tinted widget rendering."

Include common user synonyms such as "glass effect", "translucent/glassmorphism style", or "glass button" to widen trigger coverage.

DimensionReasoningScore

Specificity

Names the domain and concrete capability areas ("dynamic glass material with blur, reflection, and interactive morphing") across three frameworks, but capabilities are phrased as material properties rather than concrete actions (no "implement", "apply", or "migrate" verbs).

3 / 5

Completeness

Has a clear "what" (Liquid Glass design system for three frameworks) but no "Use when..." clause or equivalent explicit trigger guidance, which caps completeness at 3 per the rubric.

3 / 5

Trigger Term Quality

Includes the natural terms a user would say for this niche ("iOS 26", "Liquid Glass", "SwiftUI", "UIKit", "WidgetKit", "morphing", "blur"), though common synonyms like "glass effect" or "translucent" are absent.

4 / 5

Distinctiveness Conflict Risk

"iOS 26 Liquid Glass" is a highly distinctive niche with specific framework triggers; minimal risk of triggering for the wrong skill.

5 / 5

Total

15

/

20

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 — 16 / 16 Passed

Validation for skill structure

No warnings or errors.

Repository

valeriibeck-star/claude-skills

Path

skills/liquid-glass-design/SKILL.md

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.