CtrlK
BlogDocsLog inGet started
Tessl Logo
SkillPublic

flutter-responsive-layout

Build or repair adaptive Flutter layouts across devices, constraints, breakpoints, overlap, clipping, orientation, and input modes. Use with flutter-accessibility when text scaling causes reflow, clipping, or disappearing controls; not for general widget state architecture.

Quality

85%

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.

An exemplary lean instruction skill: doctrine-first rules with no padding, a clear diagnose-apply-verify workflow, and correctly structured progressive disclosure with conditional, verified references. The only meaningful gap is the absence of a worked code example of the core layout pattern in the body itself.

DimensionReasoningScore

Conciseness

The ~35-line body is lean and directive throughout: every rule is a one-line instruction, no Flutter basics are re-explained, and APIs like LayoutBuilder and MediaQuery are named without definition. This matches the 5 anchor's "every token earns its place"; the 4 anchor's "minor instances of over-explanation" do not apply.

5 / 5

Actionability

Guidance is concrete for an instruction-only skill: exact APIs (LayoutBuilder, MediaQuery, IntrinsicHeight), a specific diagnostic procedure ("Read the first meaningful constraint or overflow failure and identify which widget imposed the incompatible size"), and a concrete verification matrix ("boundary widths just below and above each breakpoint, long localized strings, large text, landscape"). It stops short of the 5 anchor because the body has no worked code example of the core pattern — the executable harness code lives only in the reference file.

4 / 5

Workflow Clarity

The Diagnose → Rules → Verification sequence is coherent and verification is explicit, including a checkpoint for the silent-failure case ("inspect the geometry and hit-test behavior ... instead of assuming that a clean console proves the layout is usable"). It matches the 4 anchor's "clear sequence with most checkpoints present" but lacks the explicit fix→re-verify feedback loop of the 5 anchor.

4 / 5

Progressive Disclosure

The body is a lean overview and both references are conditionally triggered, clearly signaled ("When components overlap, become clipped, or cover an action, follow the geometry, viewport, and fixture testing reference"; "When adaptive navigation is in scope..."), and verified to exist as real files one level deep with no nested skill references. This matches the 5 anchor's "clear overview with well-signaled one-level-deep references; content appropriately split".

5 / 5

Total

18

/

20

Passed

Description

78%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, domain-specific description with concrete scope enumeration and excellent conflict-avoidance boundaries. Its main gaps are the missing "responsive" and "overflow" trigger terms and a general use-when clause that is only implied by the what-statement rather than explicitly stated.

Suggestions

Add the words "responsive" and "overflow" to the description — they are the most natural terms users say for this skill (e.g., "Build or repair responsive Flutter layouts ... use when fixing overflow, clipping, or breakpoint failures").

State the general trigger for this skill explicitly, not just the flutter-accessibility coordination case — e.g., "Use when a Flutter layout must adapt across window sizes, or when fixing layout overflow or clipping at particular sizes."

Consider adding one or two more concrete action verbs (e.g., "diagnose" or "test") so the action coverage matches the comprehensiveness of the scope enumeration.

DimensionReasoningScore

Specificity

"Build or repair adaptive Flutter layouts" names two concrete actions and the enumeration "devices, constraints, breakpoints, overlap, clipping, orientation, and input modes" covers the domain comprehensively. It falls short of the 5 anchor's "multiple specific concrete actions" since only two verbs (build, repair) are given, but exceeds the 3 anchor's "not comprehensive" scope.

4 / 5

Completeness

The "what" is clear and concrete, and a "when" clause exists with concrete trigger phrases ("when text scaling causes reflow, clipping, or disappearing controls"), but that trigger is scoped to coordinating with flutter-accessibility rather than stating when to use this skill generally. This is stronger than the 3 anchor's weakly-implied "when" but not the fully explicit what-and-when of the 5 anchor.

4 / 5

Trigger Term Quality

Natural terms like "adaptive Flutter layouts", "breakpoints", "clipping", "text scaling", and "orientation" are present, matching good coverage. However "responsive" and "overflow" — the two most common words users say for this problem — are absent, so it does not reach the 5 anchor's comprehensive synonym coverage.

4 / 5

Distinctiveness Conflict Risk

The description carves a clear niche (adaptive Flutter layout work) and actively manages overlap: it explicitly excludes "general widget state architecture" and scopes the flutter-accessibility intersection to text-scaling symptoms. This matches the 5 anchor's "clear niche with distinct triggers; minimal conflict risk".

5 / 5

Total

17

/

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-responsive-layout/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.