скилл

flutter-expert · davila7 — скилл для Claude Code: что делает и как установить

Q: Как установить flutter-expert в Claude Code?

Выполните команду `npx claude-code-templates@latest --skill development/flutter-expert` в терминале или сохраните файл навыка в `~/.claude/skills/flutter-expert/SKILL.md`.

Настраивает Claude Code на разработку приложений на Flutter 3.x и Dart 3. Помогает выбирать архитектуру, писать виджеты и оптимизировать рендеринг Impeller.

Установить в Claude Code · Через claude-code-templates Все способы и платформы ↓

npx claude-code-templates@latest --skill development/flutter-expert

Открыть на GitHub

Что делает flutter-expert

Скилл превращает Claude Code в инженера по стеку Flutter и Dart. Ассистент ориентируется на синтаксис Dart 3, включая сопоставление с образцом, записи и запечатанные классы. Он помогает проектировать слои чистой архитектуры, внедрять зависимости и выстраивать логику через Riverpod, Bloc, MobX или GetX.

Внутри заложены инструкции по профилированию кадров до 120fps, устранению лишних перерисовок виджетов и переводу графики на движок Impeller. Для связи с платформой скилл помогает писать платформенные каналы под Swift и Kotlin. Если задаче требуются развёрнутые шаблоны кода, инструкция предписывает обращаться к файлу resources/implementation-playbook.md.

Без установленного Flutter SDK версии 3.x и компиляторов целевых платформ проверить работу сгенерированных каналов на устройстве не получится.

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

перевести рендеринг приложения со Skia на Impeller
настроить управление состоянием через Riverpod или Bloc
написать платформенные каналы на Kotlin и Swift для нативных функций
сократить количество лишних перерисовок дерева виджетов

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

Спроектируй экран профиля на Flutter с чистой архитектурой и Riverpod 2.x
Оптимизируй скролл длинного списка на Slivers под 120 кадров в секунду
Напиши платформенный канал на Swift для чтения уровня заряда аккумулятора в iOS

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

1Через claude-code-templates

npx claude-code-templates@latest --skill development/flutter-expert

2Через Skills CLI (Vercel)

npx skills add davila7/claude-code-templates --skill flutter-expert -a claude-code

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

~/.claude/skills/flutter-expert/SKILL.md

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

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

.agents/skills/flutter-expert/SKILL.md

Для всех проектов — ~/.agents/skills/

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

.cursor/skills/flutter-expert/SKILL.md

Cursor читает и .agents/skills/, и .claude/skills/

1GitHub CLI

gh skill install davila7/claude-code-templates flutter-expert

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

.github/skills/flutter-expert/SKILL.md

Командой платформы

gemini skills install https://github.com/davila7/claude-code-templates --path cli-tool/components/skills/development/flutter-expert

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

.devin/skills/flutter-expert/SKILL.md

Старый путь .windsurf/skills/ тоже читается

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

Вопросы о flutter-expert

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

Выполните команду npx claude-code-templates@latest --skill development/flutter-expert в терминале или сохраните файл навыка в ~/.claude/skills/flutter-expert/SKILL.md.

Что делает flutter-expert?

Задаёт агенту правила разработки под Flutter 3.x и Dart 3: от выбора архитектуры и библиотек состояния до оптимизации отрисовки кадров и написания тестов.

С какими библиотеками состояния знаком скилл?

В инструкции входят Riverpod 2.x, Bloc и Cubit, GetX, Provider, Stacked, MobX и Redux.

Сначала — flutter-expert от других авторов.

flutter-expert https://github.com/Jeffallan Скилл для разработки кросс-платформных приложений на Flutter 3+ и Dart. Помогает с виджетами, управлением состоянием через Riverpod или Bloc, маршрутизацией GoRouter и оптимизацией производительности. CX Codex +1 14 300установок vercel-react-native-skills vercel Набор правил по React Native и Expo для ИИ-агента: списки, анимации, навигация. Пригодится, когда агент правит мобильный код и надо, чтобы он делал это одинаково. CX Codex +1 255 200установок animate-expo emilkowalski Создаёт мобильные анимации для React Native и Expo на базе Reanimated и Gesture Handler. Помогает избежать просадок кадров на реальных устройствах. CX Codex +1 137 900установок mobile-native emilkowalski Убирает мелочи, из-за которых веб-приложение на телефоне выдаёт себя: залипающий hover, вспышку при тапе, ошибку с 100vh. CX Codex +1 86 600установок aso coreyhaines31 Анализирует страницы приложений в App Store и Google Play по правилам поисковой оптимизации. Находит слабые места в метаданных, графике и конверсии. CX Codex +1 75 900установок paywalls coreyhaines31 Скилл помогает проектировать и улучшать экран оплаты, апгрейд, upsell-модалку и ограничения функций. Нужен, когда бесплатного пользователя подводят к платному плану. CX Codex +1 71 000установок swiftui-pro Paul Hudson Проверяет SwiftUI-код на устаревшие API, ошибки в структуре и проблемы доступности. Пригодится для ревью и доработки проектов на SwiftUI. CX Codex +1 35 200установок

Из того же набора740

Весь набор →

architecture Скилл помогает оценивать компромиссы при проектировании и оформлять записи архитектурных решений (ADR). Пригодится при создании сервисов любого масштаба. 449установок optimize Анализирует активные и прошедшие оркестрации задач в Claude Code, находит узкие места и перераспределяет нагрузку между агентами. 440установок performance Инструкции для Claude Code по аудиту скорости сайта: оптимизация Core Web Vitals, сжатие ассетов и настройка кэширования по стандартам Lighthouse. 438установок deslop Очищает ветку от типичного мусора нейросетей перед мерджем в основную кодовую базу. Находит лишние проверки, комментарии и костыли с типами через сравнение с main. 437установок agent-tool-builder Скилл помогает проектировать инструменты для ИИ-агентов, составлять точные схемы JSON Schema и настраивать обработку ошибок. Пригодится при создании вызовов функций и серверов MCP. 437установок memory-search Ищет прошлые решения, фрагменты кода и темы бесед в истории диалогов. Помогает вспомнить контекст до старта новой задачи. 434установок penetration-test Слэш-команда запускает проверку веб-приложения, API или аутентификации на уязвимости и собирает отчёт с рекомендациями. 434установок market-research-reports Помогает Claude Code собирать объёмные аналитические отчёты по рынкам в LaTeX и компилировать их в PDF. Пригодится при оценке объёма рынка и подготовке инвестиционных материалов. 433установок