CtrlK
BlogDocsLog inGet started
Tessl Logo
SkillPublic

flutter-ui-patterns

Build and refactor Flutter widgets, forms with stale-safe asynchronous validation and duplicate-submit handling, widget previews, component APIs, and UI state boundaries. Use alone for form behavior over existing services; add networking or concurrency only when their infrastructure changes, and route visual polish, responsive layout, navigation, animation, and performance to their specialists.

Quality

94%

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

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

An exemplary lean overview: pure directives with no padding, well-signaled one-level-deep references with conditional load triggers, and a concrete verification checkpoint. The single weakness is the absence of any code examples and a few abstract directives, which keeps actionability at 4.

DimensionReasoningScore

Conciseness

Lean and directive throughout — "Extract widgets around cohesive UI concepts, reuse, isolated state, or test value—not arbitrary file length"; "Keep side effects out of `build`" — with zero explanation of Flutter concepts Claude already knows and no padding. Not 4: there is no over-explanation left to trim; every line is an actionable rule or routing decision.

5 / 5

Actionability

Mostly concrete, checkable rules ("Prefer immutable widget configuration and `const` constructors where valid"; "Keep keys stable and purposeful; do not use random or changing keys to force rebuilds") with verification naming specific checks. Not 5: there are no code examples and a few directives remain abstract ("Test meaningful rendered states and interactions"); not 3: the guidance is specific and executable as instruction, with key details properly delegated to the reference files.

4 / 5

Workflow Clarity

A single-purpose guidance skill whose action is unambiguous: apply composition rules, respect state boundaries, load references on their stated triggers, then verify. The Verification section supplies a concrete checkpoint ("text scaling, keyboard input where supported, light/dark themes, and at least the smallest and largest intended form factors"), and no destructive or batch operations apply, so the simple-skill exception holds. Not 4: no validation gap remains at this altitude — deeper per-workflow checkpoints live in the references, which each carry their own Verification sections.

5 / 5

Progressive Disclosure

The body is a clear ~36-line overview with a dedicated "Load references conditionally" section giving explicit per-reference trigger conditions ("Read [forms and input](references/forms-and-input.md) when implementing validation, focus traversal, autofill, asynchronous submission, or field-error behavior"). Both referenced files exist, are exactly one level deep with no nested references, and there are no orphan bundle files. Not 4: structure, signaling, and content split are all fully appropriate.

5 / 5

Total

19

/

20

Passed

Description

92%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 description: concrete capabilities, explicit conditional trigger guidance, and deliberate boundary routing that distinguishes it from sibling skills. The only gap is modest natural-synonym coverage for trigger terms.

DimensionReasoningScore

Specificity

Lists multiple concrete actions — "Build and refactor Flutter widgets, forms with stale-safe asynchronous validation and duplicate-submit handling, widget previews, component APIs, and UI state boundaries" — which comprehensively cover its declared Flutter UI implementation niche. Not 4: there are no minor coverage gaps within that scope; the actions are as concrete as the rubric's 5-anchor examples.

5 / 5

Completeness

Explicitly answers both: what ("Build and refactor Flutter widgets, forms with stale-safe asynchronous validation...") and when ("Use alone for form behavior over existing services; add networking or concurrency only when their infrastructure changes"). Not 4: the when is already explicit and specific with three concrete trigger conditions, so it cannot be materially more explicit.

5 / 5

Trigger Term Quality

Natural phrases users would say are present ("Flutter widgets", "forms", "validation", "widget previews"), matching "good keyword coverage; a few natural terms missing". Not 5: common synonyms and widget-level terms ("screen", "dialog", "TextField", "state management") are absent; not 3: coverage goes well beyond a couple of generic keywords.

4 / 5

Distinctiveness Conflict Risk

Clear niche (Flutter widget/form implementation) with explicit de-scoping — "route visual polish, responsive layout, navigation, animation, and performance to their specialists" — which actively minimizes conflict with sibling skills. Not 4: the routing language resolves even the minor overlap risk a 4-anchor description would retain.

5 / 5

Total

19

/

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-ui-patterns/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.