AIKraft/AI/Войти
AIKraft/Skills/Исправление проблем макета Flutter

Исправление проблем макета Flutter

Fixes Flutter layout errors (overflows, unbounded constraints) using Dart and Flutter MCP tools. Use when addressing

flutter official Дизайн

Что делает навык

Навык диагностирует и исправляет ошибки макета Flutter, возникающие при нарушении правил передачи ограничений (Constraints go down, Sizes go up). Он помогает разрешить конфликты размеров, такие как неограниченные ограничения или переполнения, используя инструменты Dart и Flutter MCP.

Когда применять

  • Исправление ошибки 'Vertical viewport was given unbounded height' при использовании ListView или GridView внутри Column.
  • Решение проблемы 'An InputDecorator...cannot have an unbounded width' для TextField или TextFormField в Row.
  • Устранение переполнения 'RenderFlex overflowed' в виджетах Row или Column.
  • Исправление 'Incorrect use of ParentData widget', например, когда Expanded используется вне Flex.

Как работает

  1. Проанализировать стек ошибок и идентифицировать первичное нарушение ограничений, игнорируя каскадные ошибки типа 'RenderBox was not laid out'.
  2. Определить тип ошибки макета по известным сигнатурам (неограниченная высота/ширина, переполнение, неправильное использование ParentData).
  3. Применить инструменты Dart и Flutter MCP для исправления кода, обеспечивая корректное взаимодействие ограничений и размеров между родительскими и дочерними виджетами.

Примеры запросов агенту

Исправь ошибку 'Vertical viewport was given unbounded height' в моем ListView.
Устрани переполнение RenderFlex в Row, где текст выходит за границы.
Исправь 'Incorrect use of ParentData widget' для Expanded внутри Stack.

Что понадобится

  • Инструменты Dart
  • Flutter MCP

Описание составлено по SKILL.md навыка, сверено 06.10.2026.

Как подключить

1Скачать навык
# возьмите папку навыка «flutter-fix-layout-issues» из репозитория: # https://github.com/flutter/skills
2Положить папку с SKILL.md к навыкам ассистента
# положите папку навыка туда, где ассистент ищет skills: cp -r flutter-fix-layout-issues/ ~/.claude/skills/flutter-fix-layout-issues/

Навык — папка с файлом SKILL.md (описание + инструкции) и опциональными скриптами. Ассистент (Claude, Claude Code и совместимые) подхватывает его по описанию и следует шагам.