ariaramin/flutter-skills 开源 67 个 Flutter/Dart AI 编码技能

A curated collection of production-focused AI skills for Flutter and Dart development. These skills help an AI coding assistant make sound implementation, debugging, security, performance, and release decisions across real-world Flutter applications.

What’s included ✨

This repository contains 67 skills. Each skill is a folder:

SKILL.md — the skill’s scope, trigger conditions, and operating guidance.
references/ — focused material for version-sensitive, platform-specific, or advanced work where applicable.

Copy a skill folder into your AI coding tool’s skills directory. These are not Flutter packages and do not belong in pubspec.yaml.

Getting started 🚀

Choose a skill from the catalog below that matches your Flutter or Dart task.
Copy its folder — the directory that contains SKILL.md — into your tool’s skills location.
Work normally. The skill’s trigger description determines when it should guide the assistant.

Installation screens and terminology vary between tools. Refer to your tool’s documentation for where project or personal skills live.

Flutter motion engineering

Download Flutter motion engineering for source-backed guidance on Apple-quality motion, interruptible springs, gesture velocity, platform navigation, reduced motion, and rendering performance.

The package includes a core SKILL.md, three detailed reference guides, four Dart example files, and six regression tests under references/examples/. The examples passed formatting, analysis, and tests on Flutter 3.47.0 / Dart 3.13.0; application performance still requires profiling on target devices.

Use this skill for framework-level motion engineering. The separate Flutter animations skill focuses on the Material animations package.

Skill catalog

Foundations and architecture

Dart args — production command-line interfaces, subcommands, flags, and executable tooling.
Dart & Flutter Equatable — value equality, immutable state, and reliable rebuild behavior.
Freezed — immutable models, sealed unions, JSON serialization, and code generation.
Dart & Flutter FFI — native integration, memory ownership, ABI safety, and platform packaging.
Dart meta — effective annotations, API contracts, immutability, and analyzer-guided modernization.
Senior Flutter architecture — production Flutter/Dart architecture with explicit trade-offs.
Design patterns — apply 22 classic object-oriented patterns using source-backed decisions, examples, and trade-offs.
Senior mobile architecture — architecture reviews and refactoring across iOS, Android, and cross-platform apps.
Flutter production engineering — production-grade Flutter and Dart engineering guidance for architecture, performance, scalability, cross-platform behavior, testing, profiling, and maintainability.
Flutter multi-environment — development/staging/production flavors, configuration, and delivery pipelines.
Flutter package selection — evidence-based dependency evaluation and migration decisions.
Flutter lints & static analysis — analyzer configuration, lint governance, and CI quality gates.
Flutter production build & release — production builds, signing, packaging, stores, and release recovery.
Flutter Firebase Core — Firebase bootstrap, generated configuration, environments, and app-instance lifecycle.
Flutter mobile development — practical Flutter delivery across app structure, UI, state, platform, testing, and release work.

UI and user experience

Figma to Flutter — pixel-accurate, high-performance Flutter conversion of Figma designs, Auto Layout, tokens, and responsive multi-platform UI.
HTML to Flutter — production Flutter ports of HTML/CSS/JavaScript interfaces.
React to Flutter — idiomatic, behavior-preserving React web migrations to Flutter.
Flutter animations — Material motion, transitions, accessibility, and animation performance.
Flutter motion engineering — Apple-quality interaction principles, interruptible springs, platform transitions, rendering diagnostics, accessibility, and tested Dart examples.
Rive Flutter — modern C++ runtime integration, state machines, inputs, layout, lifecycle management, and multi-platform rendering performance with rive.
Lottie for Flutter — pure Dart vector animations, composition caching, frame rate throttling, dynamic delegates, marker playback, and list performance with lottie.
Flutter Confetti — lifecycle-safe, accessible celebration effects and particle performance tuning.
Flutter native splash — Android, iOS, and Web launch resources, transitions, flavors, and startup behavior.
Flutter image performance — image loading, decoding, caching, rendering, and memory use.
Flutter image_picker — photo/video acquisition, lost-data recovery, platform behavior, and media safety.
document_scan for Flutter — headless document detection, perspective correction, live camera frames, and scan testing on Android and iOS.
Flutter pro_image_editor — production image editing, state persistence, export, privacy, and large-image performance.
Flutter video_player — cross-platform playback, controller lifecycle, streaming delivery, codecs, and decoder performance.
Flutter CamerAwesome — production camera preview, capture modes, ML Kit image analysis, orientation controls, and CameraX/AVFoundation performance.
Flutter Skeletonizer — accessible, performant loading states.
Flutter SVG — rendering, theming, caching, performance, and SVG security.
Flutter Pinput — production-grade PIN, OTP, and SMS verification fields with iOS/Android autofill, custom cursors, animations, and accessible theming.
Persian number utility — Persian/Arabic digit normalization, number-to-words, Jalali dates, currency, and Iranian identifier validation.
Flutter design system from design.md — converting a design.md spec into Flutter theme tokens, components, states, and validation checks.

Performance and reliability

Flutter expert tips — practical Flutter/Dart implementation, debugging, refactoring, and modernization guidance.
Flutter Firebase Analytics — product-event schemas, consent, identity, screen and ecommerce measurement, DebugView, and reporting quality.
Flutter Sentry — crash reporting, tracing, symbolication, privacy, and production observability.
Flutter concurrency, memory & performance — isolates, async workflows, lifecycle management, and resource efficiency.
Flutter caching — cache policy, invalidation, offline data, HTTP freshness, and resource bounds.
Mobile API caching — cross-platform cache strategy, HTTP semantics, offline synchronization, account isolation, and production validation for iOS, Android, Flutter, React Native, and Kotlin Multiplatform.
Mobile app shrinking & release optimization — R8 keep rules, resource and dependency reduction, native symbol handling, app thinning, tree shaking, and release validation across Android, iOS, Flutter, React Native, and Kotlin Multiplatform.
Flutter jank optimization — profiling and fixing dropped frames, slow scrolling, and latency.
Flutter UI performance — frame-budget analysis, rebuild/layout/paint/raster optimization, and production profiling.
Flutter memory leaks — lifecycle defects, leak tracking, and regression prevention.
Flutter production logging — structured, privacy-conscious diagnostics and error reporting.
Flutter Squadron concurrency — workers, worker pools, cancellation, and web workers.

Networking, navigation, and platform capabilities

Flutter Firebase Messaging — reliable, secure FCM delivery across Android, iOS, macOS, and Web.
Flutter Dio — production HTTP clients, auth, retries, transfers, and observability.
Flutter Dio cache interceptor — source-grounded HTTP caching, revalidation, store selection, offline fallback, key isolation, and invalidation with dio_cache_interceptor.
Flutter go_router — routing, deep links, redirects, nested navigation, and web URLs.
Flutter app links — Universal Links, Android App Links, and secure link delivery.
Flutter url_launcher — safe external URI handling across platforms.
Flutter share_plus — cross-platform text, URI, file, and generated-content sharing.
Flutter WebView — embedded web content, navigation policy, security, and lifecycle.
Flutter local notifications — permissions, scheduling, time zones, interactions, and recovery.
Flutter permission_handler — runtime permissions, platform configuration, and privacy-aware flows.

Storage, dependency injection, and security 🔒

Flutter Supabase — Auth, RLS, database access, Realtime, Storage, Edge Functions, and production security.
Flutter Drift — relational persistence, reactive queries, migrations, concurrency, and cross-platform SQLite performance.
Flutter Hive — local persistence, schema changes, encryption, and recovery.
hydrated_bloc — production Bloc/Cubit state persistence, keys, schema evolution, security, and testing.
Flutter path_provider — secure, durable filesystem storage and cleanup.
Flutter get_it & injectable — dependency lifetimes, scopes, startup, and testing.
Flutter secure storage — protected credentials and platform key stores.
Flutter application security — end-to-end application security reviews and remediation.
Flutter app hardening — reverse-engineering resistance, tamper protection, and secure releases.

Testing and delivery

Test before deploy — select and review release-ready test coverage using the “34 Test Before Deploy” taxonomy.

Repository structure

skills/<name>/SKILL.md          Skill manifest
skills/<name>/references/       Optional supporting material
.github/workflows/validate.yml  Manifest validation on pushes and pull requests
PUBLISHING.md                   GitHub and release checklist

Quality checks ✅

The GitHub Actions workflow validates every skill folder on pushes to main and on pull requests. It verifies that each directory contains a SKILL.md manifest.

Before submitting changes, run the same essential check locally:

for manifest in skills/*/SKILL.md; do
  test -f "$manifest"
done

Contributing

Contributions are welcome once a repository license is selected. When updating a skill, preserve its package structure and keep guidance accurate, actionable, and free of credentials, private project information, or customer data.

For the publishing and release process, see PUBLISHING.md.

License

Distributed under the MIT License. See CONTRIBUTING.md, CODE_OF_CONDUCT.md, and SECURITY.md for participation and reporting guidelines.

Personal skills landing page

This repository also includes a dependency-free portfolio page in index.html, styles.css, and script.js.

Run locally

Open index.html directly, or serve the repository root with any static server:

python3 -m http.server 8000

Then visit http://localhost:8000.

Customize it

Replace the placeholder name, copy, links, and email in index.html.
Edit the centralized skills array at the top of script.js to add, remove, or rename skills.
Update the categories array in the same file when you need different overview groups.
Change the color tokens at the top of styles.css to retheme the page.
Replace the placeholder GitHub, LinkedIn, and email URLs in index.html, including the contribution CTA.
Select catalog cards to generate copyable download commands for the chosen skill folders; update repository in script.js if the repository moves.
The command drawer also provides wget, npx degit, and Git sparse-checkout variants. npx degit downloads the complete skills/ folder; the other variants download the selected skill folders.

Deploy to GitHub Pages

Push the repository to GitHub, open Settings → Pages, choose Deploy from a branch, select main and / (root), then save. GitHub Pages will serve index.html as the site entry point.