К основному содержанию
скилл CX Codex

flutter-improve-design — скилл для Claude Code: обзор Flutter UI

Скилл проверяет интерфейс Flutter-приложения по каталогу правил и предлагает улучшения. Вы выбираете находки, для которых нужно подготовить планы реализации.

Установить в Claude Code · Через Skills CLI (Vercel) Все способы и платформы ↓
npx skills add kamranbekirovyz/skills --skill flutter-improve-design -a claude-code
Открыть на GitHub

Что делает flutter-improve-design

Скилл загружает каталог правил, находит Flutter-приложение и проверяет Dart-файлы в lib/, пропуская тесты и сгенерированный код. Он показывает найденные проблемы и ждёт, пока вы выберете, какие из них оформить в планы.

Планы и список выбранных находок записываются в docs/improvements/design/. Исходники скилл не меняет и команды, изменяющие проект, не запускает; анализ кода может включать dart analyze. Для обзора нужен актуальный каталог: если загрузить его не удаётся, проверка останавливается. Это важно: без каталога скилл не продолжит анализ.

Планы строятся по выбранным правилам и привязываются к местам в коде. Скилл не выполняет исправления за вас: реализацию нужно поручить отдельно, например в новой сессии.

Какие задачи решает

  • найти проблемы интерфейса Flutter по каталогу правил
  • выбрать UI/UX-улучшения для дальнейшей работы
  • подготовить отдельный план реализации для каждой выбранной находки
  • проверить все места в проекте, где применимо выбранное правило

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

  • Проверь интерфейс моего Flutter-приложения по каталогу и покажи найденные проблемы.
  • Подготовь планы для находок 1 и 3, но не меняй исходный код.
  • Повтори проверку выбранного правила по всему приложению и составь полный план исправлений.

Как установить flutter-improve-design

1Через Skills CLI (Vercel)

npx skills add kamranbekirovyz/skills --skill flutter-improve-design -a claude-code

2Вручную: положить файлы

~/.claude/skills/flutter-improve-design/SKILL.md

Папка скилла целиком; для одного проекта — .claude/skills/flutter-improve-design/

По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов

Вопросы о flutter-improve-design

Как установить flutter-improve-design в Claude Code?

Выполните npx skills add kamranbekirovyz/skills --skill flutter-improve-design -a claude-code. Файл скилла находится по пути ~/.claude/skills/flutter-improve-design/SKILL.md.

Что делает flutter-improve-design?

Он проверяет Flutter-код по каталогу UI/UX-правил, показывает найденные проблемы и готовит планы по тем, которые вы выбрали. Сам исходный код он не исправляет.

Меняет ли скилл файлы проекта?

Исходники он не редактирует и не запускает команды, меняющие проект. Создавать или изменять файлы он может только в docs/improvements/design/.

Похожие скиллы

Всё по теме «Дизайн» →
frontend-design официальный anthropics Скилл задаёт осмысленное визуальное направление для новых интерфейсов и редизайна. Подойдёт, когда стандартный шаблонный UI не устраивает. 1 025 790установок grill-me Matt Pocock Скилл проводит жёсткое интервью по плану или дизайну, чтобы найти пробелы и уточнить решения. Подойдёт перед началом разработки. 1 424 476установок design-taste-frontend Leonxlnx Скилл задаёт арт-дирекцию для публичных страниц и рабочих экранов, а затем проверяет результат в браузере по скриншотам. Нужен, когда интерфейс выглядит шаблонным или недоработанным. CX Codex +1 678 700установок prototype Matt Pocock Создаёт временный прототип, чтобы проверить логику, модель состояния или вид интерфейса до работы над основным кодом. 986 201установок grilling Matt Pocock Стресс-тестирует план, решение или идею сериями уточняющих вопросов. Подходит, когда нужно вскрыть допущения до начала работы. 979 543установок codebase-design Matt Pocock Скилл помогает проектировать модули с небольшим интерфейсом и скрытой внутри сложностью. Подходит для рефакторинга, тестируемости и поиска чистого seam. 850 344установок

Спонсоры проекта

Компании, которые помогают держать аналитику открытой