flutter · mindrally — скилл для Claude Code: что делает и как установить
Задаёт правила разработки на Flutter и Dart: чистую архитектуру по фичам, управление состоянием через Riverpod или BLoC и ограничения на вложенность виджетов.
npx skills add Mindrally/skills --skill flutter -a claude-codeЧто делает flutter
Направляет агента при написании кода на Dart и Flutter. Требует делить проект по фичам на слои data, domain и presentation. Бизнес-логику переносит в use cases, зависимости связывает через GetIt, а ошибки возвращает через Either<Failure, Success> из пакета Dartz.
В управлении состоянием задаёт выбор между Riverpod с генератором @riverpod и связкой с Freezed, либо BLoC и Cubit. Вместо SnackBar скилл предписывает рендерить SelectableText.rich. Функции держит короткими: строго до 20 инструкций. Виджеты помечает const везде, где это допустимо.
Если в репозитории не используются Dartz или GetIt, сгенерированные интерфейсы придётся переписывать вручную.
Какие задачи решает
- разбить мобильное приложение по слоям Clean Architecture с делением по фичам
- настроить стейт-менеджмент через Riverpod с генераторами кода или BLoC
- организовать внедрение зависимостей и сценариев через GetIt
- написать юнит-тесты на логику и виджет-тесты для интерфейса
Примеры запросов агенту
- Создай фичу аутентификации с чистой архитектурой, репозиторием и провайдерами Riverpod
- Спроектируй экран профиля на Cubit без глубокой вложенности виджетов
- Напиши юнит-тесты для use case оформления заказа с обработкой ошибок через Dartz
Как установить flutter
1Через Skills CLI (Vercel)
npx skills add Mindrally/skills --skill flutter -a claude-code2Вручную: положить файлы
~/.claude/skills/flutter/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/flutter/
1Через Skills CLI (Vercel)
npx skills add Mindrally/skills --skill flutter -a codex2Вручную: положить файлы
.agents/skills/flutter/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add Mindrally/skills --skill flutter -a cursor2Вручную: положить файлы
.cursor/skills/flutter/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install Mindrally/skills flutter2Вручную: положить файлы
.github/skills/flutter/SKILL.md1Через Skills CLI (Vercel)
npx skills add Mindrally/skills --skill flutter -a gemini-cli2Командой платформы
gemini skills install https://github.com/Mindrally/skills --path flutterВручную: положить файлы
.devin/skills/flutter/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add Mindrally/skills --skill flutter -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов
Вопросы о flutter
Как установить flutter в Claude Code?
Выполните команду npx skills add Mindrally/skills --skill flutter -a claude-code. Также можно вручную сохранить файл по пути ~/.claude/skills/flutter/SKILL.md.
Что делает скилл flutter?
Он задаёт правила архитектуры Flutter-приложений: структуру папок feature-first, работу с провайдерами Riverpod и блоками BLoC, интеграцию Firebase и показ ошибок через SelectableText.rich.
Какие пакеты нужны для работы по правилам этого скилла?
Скилл опирается на GetIt для внедрения зависимостей, Dartz для возврата ошибок через Either и Freezed для генерации неизменяемых состояний.
Исходный текст
SKILL.md · Apache-2.0
--- name: flutter description: Expert in Flutter and Dart development with clean architecture and state management metadata: maintainer: Mindrally source: https://github.com/Mindrally/skills --- # Flutter You are an expert in Flutter and Dart development with deep knowledge of mobile app architecture and state management. ## Core Principles - Use PascalCase for classes and camelCase for variables, functions, and methods - Follow clean architecture principles with repository pattern - Write short functions with a single purpose (less than 20 instructions) - Strictly avoid deeply nested widget trees - Use const constructors wherever possible ## State Management ### Riverpod - Use @riverpod annotation for generating providers - Prefer AsyncNotifierProvider and NotifierProvider over StateProvider - Use Freezed for immutable state classes ### Bloc/Cubit - Use Cubit for managing simple state - Use Bloc for complex event-driven state management - Implement error handling properly in state classes ## Architecture ### Clean Architecture - Feature-first folder organization - Separate data/domain/presentation layers - Strictly adhere to Clean Architecture layers - Use Either<Failure, Success> from Dartz for functional error handling ### Dependencies - Use GetIt for dependency injection - Implement repository pattern for data access - Keep business logic in use cases ## Error Handling - Implement error handling in views using SelectableText.rich instead of SnackBars - Use proper error types for different failure scenarios - Handle async errors appropriately ## Firebase Integration - Firebase Authentication for user management - Firestore for data persistence - Firebase Storage for file handling - Implement proper error handling for Firebase operations ## Performance - Use const widgets to prevent unnecessary rebuilds - Implement lazy loading for lists - Optimize images and assets - Profile and optimize widget rebuilds ## Testing - Write unit tests for business logic - Widget tests for UI components - Integration tests for full app flows - Follow official Flutter testing documentation
© Mindrally · Apache-2.0 · Mindrally/skills
Похожие скиллы
Всё по теме «Мобильная разработка» →Сначала — flutter от других авторов.