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

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

Задаёт правила разработки на Flutter и Dart: чистую архитектуру по фичам, управление состоянием через Riverpod или BLoC и ограничения на вложенность виджетов.

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

Что делает 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-code

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

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

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

По шагам, с командами для каждой платформы: Как установить скилл в 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 от других авторов.

flutter alinaqi Скилл для работы с Flutter и Dart: подсказывает структуру проекта, провайдеры Riverpod, модели Freezed и навигацию go_router. CX Codex +1 736установок 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 400установок swiftui-pro Paul Hudson Проверяет SwiftUI-код на устаревшие API, ошибки в структуре и проблемы доступности. Пригодится для ревью и доработки проектов на SwiftUI. CX Codex +1 35 200установок orca-emulator stablyai Управляет iOS Simulator внутри Orca с живым экраном устройства. Пригодится для тапов, жестов, поворота экрана и сбора доказательств работы iOS-приложения. CX Codex +1 5 800установок

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

nestjs-clean-typescript Задаёт правила чистой архитектуры NestJS на TypeScript: типизацию без any, паттерн RO-RO, работу с MikroORM и тесты на Jest. CX Codex +1 940установок gcp-development Набор правил для работы с Google Cloud: Cloud Functions, Cloud Run, Firestore, BigQuery и Terraform. Пригодится, когда агент пишет код или инфраструктуру под GCP. CX Codex +1 937установок django-python Скилл задаёт агенту стиль работы с Django: MVT, ORM вместо сырого SQL, class-based views и разбор ошибок на уровне представлений. CX Codex +1 933установок security-best-practices Скилл задаёт правила безопасной разработки бэкенда и микросервисов. Помогает выстроить проверку пользовательского ввода, защиту API и аутентификацию без утечек секретов или стектрейсов. CX Codex +1 930установок laravel-development Скилл задаёт агенту рамки Laravel-разработки: SOLID, PSR-12, Eloquent вместо сырого SQL. Пригодится, когда ИИ пишет код в Laravel-проекте. CX Codex +1 909установок unity Скилл задаёт агенту правила игры в Unity: компонентная архитектура, ScriptableObjects, пулы объектов и работа с профайлером. CX Codex +1 908установок design-systems Помогает агенту выстроить дизайн-токены, компонентную библиотеку и правила доступности в одном проекте. CX Codex +1 903установок wordpress Скилл wordpress задаёт агенту правила разработки под WordPress и WooCommerce на PHP. Он держит код в рамках стандартов WordPress, напоминает про хуки, nonce и подготовленные запросы. CX Codex +1 894установок

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

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