القائمة
Specialized skill for Flutter app development and Dart programming
يُحدَّد Prompt الذي يراجع المصدر أولًا بشكل افتراضي. يمكنك التبديل إلى أمر مباشر أو تنزيل نسخة محلية.
اقرأ SKILL.md وأي ملفات مرافقة يعرضها SkillsMP قبل أن تقرر التثبيت.
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
يتجاوز الأمر المباشر Prompt المخصّص للمراجعة. افحص المصدر قبل تشغيله.
npx skills add https://github.com/a5c-ai/babysitter --skill flutter-dart-developmentيبقى الأمر في سطر واحد. مرّر أفقيًا لمراجعته كاملًا قبل النسخ.
تفضّل نسخة محلية؟ نزّل الملفات المتاحة حاليًا لدى SkillsMP.
استنادا إلى تصنيف SOC المهني
عرض SKILL.md
| name | Flutter/Dart Development |
| description | Specialized skill for Flutter app development and Dart programming |
| version | 1.0.0 |
| category | Cross-Platform Development |
| slug | flutter-dart |
| status | active |
| graph | {"domains":["domain:mobile"],"specializations":["specialization:mobile-development"],"skillAreas":["skill-area:flutter-development","skill-area:mobile-state-management"],"roles":["role:mobile-engineer"],"workflows":["workflow:feature-development","workflow:release-management"],"topics":["topic:accessibility"]} |
This skill provides specialized capabilities for Flutter app development and Dart programming. It enables execution of Flutter CLI commands, widget generation, state management configuration, and comprehensive debugging with Flutter DevTools.
bash - Execute Flutter CLI, Dart commands, and pub operationsread - Analyze Flutter project files, widgets, and configurationswrite - Generate and modify Dart code and Flutter configurationsedit - Update existing Flutter widgets and configurationsglob - Search for Dart files and Flutter assetsgrep - Search for patterns in Flutter codebaseFlutter CLI Operations
Dart Language Features
Widget Development
BLoC Pattern
Provider Pattern
Riverpod
GoRouter
AutoRoute
This skill integrates with the following processes:
flutter-app-scaffolding.js - Project setup and configurationcross-platform-ui-library.js - Shared widget developmentmobile-testing-strategy.js - Test implementationmobile-performance-optimization.js - Performance tuningproject-root/
├── lib/
│ ├── main.dart
│ ├── app/
│ │ ├── app.dart
│ │ └── router.dart
│ ├── features/
│ │ └── feature_name/
│ │ ├── data/
│ │ ├── domain/
│ │ └── presentation/
│ ├── core/
│ │ ├── constants/
│ │ ├── errors/
│ │ ├── extensions/
│ │ └── utils/
│ └── shared/
│ └── widgets/
├── test/
├── integration_test/
├── assets/
├── pubspec.yaml
└── analysis_options.yaml
# analysis_options.yaml
include: package:flutter_lints/flutter.yaml
linter:
rules:
prefer_const_constructors: true
prefer_const_declarations: true
avoid_print: true
prefer_single_quotes: true
require_trailing_commas: true
analyzer:
errors:
invalid_annotation_target: ignore
exclude:
- "**/*.g.dart"
- "**/*.freezed.dart"
# Create new Flutter project
flutter create --org com.example my_app
# Create with specific platforms
flutter create --platforms android,ios,web my_app
# Add dependencies
flutter pub add flutter_bloc equatable
flutter pub add --dev build_runner freezed freezed_annotation
// lib/features/home/presentation/widgets/custom_card.dart
import 'package:flutter/material.dart';
class CustomCard extends StatelessWidget {
const CustomCard({
super.key,
required this.title,
required this.subtitle,
this.onTap,
});
final String title;
final String subtitle;
final VoidCallback? onTap;
@override
Widget build(BuildContext context) {
final theme = Theme.of(context);
return Card(
elevation: 2,
child: InkWell(
onTap: onTap,
borderRadius: BorderRadius.circular(12),
child: Padding(
padding: const EdgeInsets.all(16),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
title,
style: theme.textTheme.titleMedium?.copyWith(
fontWeight: FontWeight.bold,
),
),
const SizedBox(height: 8),
Text(
subtitle,
style: theme.textTheme.bodyMedium?.copyWith(
color: theme.colorScheme.onSurfaceVariant,
),
),
],
),
),
),
);
}
}
// lib/features/auth/presentation/bloc/auth_bloc.dart
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:equatable/equatable.dart';
part 'auth_event.dart';
part 'auth_state.dart';
class AuthBloc extends Bloc<AuthEvent, AuthState> {
AuthBloc({required this.authRepository}) : super(const AuthInitial()) {
on<AuthLoginRequested>(_onLoginRequested);
on<AuthLogoutRequested>(_onLogoutRequested);
}
final AuthRepository authRepository;
Future<void> _onLoginRequested(
AuthLoginRequested event,
Emitter<AuthState> emit,
) async {
emit(const AuthLoading());
try {
final user = await authRepository.login(
email: event.email,
password: event.password,
);
emit(AuthAuthenticated(user: user));
} catch (e) {
emit(AuthError(message: e.toString()));
}
}
Future<void> _onLogoutRequested(
AuthLogoutRequested event,
Emitter<AuthState> emit,
) async {
await authRepository.logout();
emit(const AuthUnauthenticated());
}
}
// lib/app/router.dart
import 'package:go_router/go_router.dart';
final router = GoRouter(
initialLocation: '/',
routes: [
GoRoute(
path: '/',
name: 'home',
builder: (context, state) => const HomeScreen(),
routes: [
GoRoute(
path: 'details/:id',
name: 'details',
builder: (context, state) {
final id = state.pathParameters['id']!;
return DetailsScreen(id: id);
},
),
],
),
GoRoute(
path: '/login',
name: 'login',
builder: (context, state) => const LoginScreen(),
),
],
redirect: (context, state) {
final isAuthenticated = authProvider.isAuthenticated;
final isLoggingIn = state.matchedLocation == '/login';
if (!isAuthenticated && !isLoggingIn) {
return '/login';
}
if (isAuthenticated && isLoggingIn) {
return '/';
}
return null;
},
);
// lib/features/user/domain/entities/user.dart
import 'package:freezed_annotation/freezed_annotation.dart';
part 'user.freezed.dart';
part 'user.g.dart';
@freezed
class User with _$User {
const factory User({
required String id,
required String email,
required String name,
String? avatarUrl,
@Default(false) bool isVerified,
}) = _User;
factory User.fromJson(Map<String, dynamic> json) => _$UserFromJson(json);
}
Pub get failures
flutter clean && flutter pub get
Build runner conflicts
dart run build_runner build --delete-conflicting-outputs
iOS CocoaPods issues
cd ios && pod install --repo-update && cd ..
Gradle sync failures
cd android && ./gradlew clean && cd ..
react-native-dev - Alternative cross-platform frameworkmobile-testing - Comprehensive testing frameworksmobile-perf - Performance profiling and optimizationkotlin-compose - Native Android development