CtrlK
BlogDocsLog inGet started
Tessl Logo

flutter-build-responsive-layout

Use `LayoutBuilder`, `MediaQuery`, or `Expanded/Flexible` to create a layout that adapts to different screen sizes. Use when you need the UI to look good on both mobile and tablet/desktop form factors.

74

Quality

93%

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

SKILL.md
Quality
Evals
Security

Quality

Content

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

The body is a tight, actionable Flutter reference with executable examples, clear workflows, and validation loops. Structure is clean and navigation is straightforward via the TOC.

DimensionReasoningScore

Conciseness

Lean and efficient throughout; assumes Flutter competence and avoids explaining basic concepts, with every section earning its place.

5 / 5

Actionability

Provides two complete, copy-paste-ready Dart examples plus concrete widget-specific guidance covering the common adaptive-layout cases.

5 / 5

Workflow Clarity

Both workflows are explicit checklists with an explicit validation/feedback loop ('Run validator -> resize -> review -> fix overflow errors') that guides error recovery.

5 / 5

Progressive Disclosure

Well-organized single-file skill (~140 lines) with a table of contents and clearly headed sections; no external references are needed, satisfying the simple-skill exception.

5 / 5

Total

20

/

20

Passed

Description

86%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 concise, specific, and clearly answers both what the skill does and when to use it. Trigger phrasing is natural though slightly short on synonyms.

DimensionReasoningScore

Specificity

Lists several concrete widgets (`LayoutBuilder`, `MediaQuery`, `Expanded/Flexible`) and a specific action (create a layout that adapts), though the actions are unified under one outcome rather than enumerated distinctly.

4 / 5

Completeness

Clearly states what the skill does ('create a layout that adapts to different screen sizes') and provides an explicit 'Use when...' clause with concrete trigger conditions.

5 / 5

Trigger Term Quality

Includes natural phrases like 'different screen sizes' and 'mobile and tablet/desktop form factors', but misses common synonyms such as 'responsive' and is not exhaustive.

4 / 5

Distinctiveness Conflict Risk

Targets a clear Flutter-specific niche (adaptive/responsive layouts) with distinct widget-based triggers, presenting minimal overlap risk with unrelated skills.

5 / 5

Total

18

/

20

Passed

Validation

93%

Checks the skill against the spec for correct structure and formatting. All validation checks must pass before discovery and implementation can be scored.

Validation15 / 16 Passed

Validation for skill structure

CriteriaDescriptionResult

metadata_version

'metadata.version' is missing

Warning

Total

15

/

16

Passed

Repository
flutter/agent-plugins
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.