CtrlK
BlogDocsLog inGet started
Tessl Logo
SkillPublic

flutter-visual-effects

Implement or review advanced Flutter visual rendering such as frosted or liquid glass, backdrop blur, refraction, shaders, custom painting, glow, masks, and effect fallbacks. Use when the request explicitly needs a nontrivial visual effect; route art direction, ordinary styling, animation timing, and evidence-based performance diagnosis to their dedicated skills.

Quality

89%

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

The canonical home for this skill is thiennc-tesoglobal/flutter-skills

SKILL.md
Quality
Evals
Security

Quality

Content

86%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 lean, high-signal instruction skill: no token waste, a coherent preflight-to-verification workflow, and exemplary conditional one-level references. The only improvements would be an executable verification command or snippet and an explicit failure-recovery loop for verification artifacts.

DimensionReasoningScore

Conciseness

The body is dense prescriptive rules with no padding or explanation of concepts Claude already knows; every line carries non-obvious guidance such as "an unbounded backdrop filter can process far more of the scene than the visible surface" and "Do not place an independent live blur or shader behind every scrolling row".

5 / 5

Actionability

Guidance names specific APIs (`BackdropFilter`, `ImageFiltered`, `CustomPainter`, `FragmentProgram`) and concrete inspection steps ("inspect its `pubspec`/lockfile entry, source usage, theme contract, supported targets, and fallback"), but includes no executable snippet or command (e.g., a golden-test or profile-mode command), sitting just below the copy-paste-ready anchor 5.

4 / 5

Workflow Clarity

A clear Preflight → decision ladder → invariants → Verification sequence exists with a decision-reversal checkpoint ("what evidence would reverse that choice") and detailed verification criteria, but there is no explicit validate → fix → retry loop when verification fails, matching anchor 4 rather than 5.

4 / 5

Progressive Disclosure

Two condition-triggered references ("Read [iOS effect translation](references/ios-effect-translation.md) when a SwiftUI, Liquid Glass... reference must be reproduced") point to real, one-level-deep files with no nested references; core guidance stays inline and specialized detail is split appropriately — the anchor-5 structure.

5 / 5

Total

18

/

20

Passed

Description

87%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 tight, third-person description with a concrete capability list, an explicit 'Use when' trigger, and explicit de-conflicting against sibling skills. The only gaps are a limited set of action verbs and a missing common synonym like 'glassmorphism'.

DimensionReasoningScore

Specificity

The description enumerates concrete capabilities ("frosted or liquid glass, backdrop blur, refraction, shaders, custom painting, glow, masks, and effect fallbacks") but offers only two action verbs ("Implement or review"), leaving minor coverage gaps relative to the comprehensive multi-action anchor 5.

4 / 5

Completeness

Explicitly answers both: what ("Implement or review advanced Flutter visual rendering such as...") and when ("Use when the request explicitly needs a nontrivial visual effect"), matching the anchor-5 pattern of clear what plus concrete trigger guidance.

5 / 5

Trigger Term Quality

Strong natural phrases users would say — "liquid glass", "backdrop blur", "shaders", "glow", "frosted" — but common synonyms such as "glassmorphism" are absent, matching anchor 4 (good coverage, a few natural terms missing) rather than the synonym-complete anchor 5.

4 / 5

Distinctiveness Conflict Risk

It carves a clear niche and actively routes adjacent domains away ("route art direction, ordinary styling, animation timing, and evidence-based performance diagnosis to their dedicated skills"), giving minimal conflict risk as the anchor-5 example requires.

5 / 5

Total

18

/

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

thienqo/flutter-skills

Path

skills/flutter-visual-effects/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.