Skip to main content
skill CX Codex

flutter · mindrally — Claude Code skill: what it does, how to install

Enforces Flutter and Dart standards: feature-first clean architecture, state management with Riverpod or BLoC, and strict limits on widget tree depth.

Install into Claude Code · Skills CLI (Vercel) All methods and platforms ↓
npx skills add Mindrally/skills --skill flutter -a claude-code
Open on GitHub

What flutter does

Guides agent coding for Dart and Flutter. It organizes projects by feature into distinct data, domain, and presentation layers. Business rules stay in use cases, dependencies link through GetIt, and failures return via Either<Failure, Success> using Dartz.

State management focuses on Riverpod with @riverpod annotations and Freezed, or BLoC and Cubit. The instructions require SelectableText.rich instead of standard SnackBars for displaying errors. Functions must stay under 20 instructions. Adding const constructors prevents unnecessary widget rebuilds.

If a codebase omits Dartz or GetIt, the resulting use cases and dependency setups will trigger compilation errors immediately.

What it helps with

  • structure Flutter apps using feature-first clean architecture layers
  • set up Riverpod state providers with code generation and Freezed
  • register dependencies and business logic use cases using GetIt
  • write unit and widget tests matching official guidelines

Example prompts for the agent

  • Create an authentication feature using clean architecture, repository pattern, and Riverpod
  • Build a user profile view using Cubit without deeply nested widget trees
  • Write unit tests for the order checkout use case returning Dartz Either types

How to install flutter

1Skills CLI (Vercel)

npx skills add Mindrally/skills --skill flutter -a claude-code

2Manually: put the files in place

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

Copy the whole skill folder; for one project use .claude/skills/flutter/

Step by step, with commands for each platform: How to install skills in Claude Code: five ways

Questions about flutter

How to install flutter in Claude Code?

Run npx skills add Mindrally/skills --skill flutter -a claude-code in your terminal. You can also manually place the skill file at ~/.claude/skills/flutter/SKILL.md.

What does the flutter skill do?

It instructs the agent on Flutter patterns, feature-first clean architecture, Riverpod and BLoC implementations, Firebase services, and UI error handling via SelectableText.rich.

Which packages does this skill expect in a project?

The setup relies on GetIt for dependency injection, Dartz for functional error management, and Freezed for immutable data classes.

Source text

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

Similar skills

Everything for Mobile →

flutter by other authors comes first.

From the same set214

Project sponsors

Companies that keep this analytics open
Gold sponsor

Impressions, clicks and code copies — open statistics. We keep the numbers public for the same reason NeBlask itself is public. Become a sponsor