跳到正文
cccskills
免费在 GitHub 公开

building-flutter-production-apps

Expert-level guidance for Flutter production applications: architecture decisions (Clean/Layered/Hexagonal/Feature-First), advanced state management (BLoC/Riverpod/GetX), performance optimization (eliminating jank, memory profiling, reducing rebuild overhead), code review with design pattern enforcement, scalability assessments, native platform integration (MethodChannel/EventChannel/FFI), complex UI challenges (custom render objects, slivers), testing strategies (unit/widget/integration/golden), CI/CD pipeline architecture, build optimization, and accessibility compliance. Triggers: 'architecture decision', 'design pattern', 'performance issue', 'code review', 'production problem', 'scaling concerns', 'best practices', 'technical debt', 'refactoring strategy'. Essential for complex enterprise apps, critical production debugging, architectural refactors, or when choosing between competing technical approaches.

中文简介正在准备中。当前显示原文说明。

实测评分 未实测

查看安装方法

包含的文件(18)

  • SKILL.md4.3 KB
  • references/accessibility.md6.7 KB
  • references/animation.md9.9 KB
  • references/app-size.md5.1 KB
  • references/architecture-decision-matrix.md16.1 KB
  • references/architecture.md7.0 KB
  • references/caching.md8.4 KB
  • references/concurrency.md7.7 KB
  • references/home-screen-widget.md8.8 KB
  • references/http-and-json.md7.9 KB
  • references/layout.md5.2 KB
  • references/localization.md6.0 KB
  • references/native-interop.md9.0 KB
  • references/performance.md7.3 KB
  • references/platform-views.md13.2 KB
  • references/plugins.md6.5 KB
  • references/system-ui.md3.3 KB
  • references/theming.md6.2 KB

SKILL.md(原文)

安装前可以查看交给 AI 代理的指令内容。

Flutter Expert Guide

Overview

Expert reference for Flutter architecture, UI implementation, native platform integration, and performance optimization across the full application lifecycle.


Process

🚀 High-Level Workflow

Architecting a scalable Flutter application involves the following development phases:

Phase 1: Environment & Architecture Foundations

1.1 Core Architectural Design

Choose between feature-first and layer-first directory structures. Architect Domain, Data, and Presentation layers.

  • References: architecture.md, architecture-decision-matrix.md

Phase 2: Application Navigation & Interactive UI Delivery

2.1 Phenomenal UI Implementation & Theming

Build responsive adaptive UI with accessibility (a11y) and internationalization (i18n) standards.

  • References: layout.md, theming.md, accessibility.md, localization.md

2.2 System UI Control & Immersion

Fine-tune status bar and navigation bar aesthetics. Control full-screen immersive modes while effectively resolving manufacturer-specific layout bugs.

  • Reference: system-ui.md

2.3 Animations & Micro-Interactions

Implement implicit/explicit animations and micro-interactions to improve perceived performance and UX.

  • Reference: animation.md

Phase 3: Data Integration & Systemic Performance

3.1 Advanced Data Architectures

Implement HTTP clients, JSON parsing strategies, and response caching.

  • References: http-and-json.md, caching.md

3.2 Performance & Concurrency Scaling

Move heavy computation to background isolates to prevent UI jank. Optimize compiled app size via tree shaking, deferred loading, and asset compression.

  • References: performance.md, concurrency.md, app-size.md

3.3 Deep Native Platform Integrations

Communicate with native OS APIs via MethodChannel, EventChannel, or dart:ffi.

  • References: native-interop.md, platform-views.md, plugins.md, home-screen-widget.md

Reference Files

📚 Documentation Library

Specialized reference documents for each topic:

Architecture Foundations

Visual Presentation (UI/UX)

Systems, Network & Data

Native Devices & Platform Enhancements

Optimization & Quality Assurance

评价

还没有评价。欢迎分享你的使用感受。

评论

无需登录即可发表。欢迎分享使用感受、提问,或说明在哪些环境下无法运行。

还没有评论。来写第一条吧。

提交后会立即公开。请勿填写邮箱、电话等个人信息。URL 最多 2 个。

0 / 1000 字

此表单受 reCAPTCHA 保护,适用 Google 的隐私权政策和服务条款。

同一仓库的技能

Declarative animation patterns using flutter_animate v4.5.x with composable effects (fade, scale, slide, shimmer, shake, blur), GLSL fragment shaders, and scroll-synchronized animations. Use this skill for adding UI animations and transitions, building staggered or sequenced effects, creating custom animation effects, fixing animation jank or performance issues, implementing shimmer loading states, or adding scroll-driven animations. Supports delays, curves, adaptive effects, and easy extension method chaining (.animate()).

中文简介正在准备中。当前显示原文说明。

Poorgramer-Zack/dart-expert-skills72026年8月11日 更新

Dart 3 modern features (through 3.10) and Effective Dart best practices including records, patterns, sealed classes, dot shorthands, null-aware collection elements, and wildcard variables. Use when adopting Dart 3.7+ syntax, using dot shorthands for enums or static members, using null-aware elements in lists or maps, using wildcard _ parameters, improving code quality, or reviewing Dart code conventions.

中文简介正在准备中。当前显示原文说明。

Poorgramer-Zack/dart-expert-skills72026年8月11日 更新

Builds SEO-friendly web applications with Dart using the Jaspr framework. Use when creating Dart-based websites, blogs, or landing pages requiring semantic HTML output; implementing server-side rendering (SSR) or static site generation (SSG); adding Tailwind CSS via jaspr_tailwind; routing with jaspr_router; testing components with jaspr_test; or building full-stack Dart web apps where Flutter Web's canvas rendering is unsuitable.

中文简介正在准备中。当前显示原文说明。

Poorgramer-Zack/dart-expert-skills72026年8月11日 更新

shadcn_flutter UI component library for building accessible, themed Flutter interfaces. Use when integrating shadcn components, configuring design system theming, or building consistent widget layouts.

中文简介正在准备中。当前显示原文说明。

Poorgramer-Zack/dart-expert-skills72026年8月11日 更新

Configures Codemagic CI/CD pipelines for Flutter using `codemagic.yaml`. Use when setting up automated Flutter builds on Codemagic, configuring iOS code signing without Fastlane Match, deploying to App Store Connect or Google Play from Codemagic, caching pub dependencies in Codemagic, setting up encrypted environment variable groups, running tests with Codemagic's test dashboard, or choosing between Codemagic and GitHub Actions + Fastlane for a Flutter CI/CD pipeline.

中文简介正在准备中。当前显示原文说明。

Poorgramer-Zack/dart-expert-skills72026年8月11日 更新

Configures deep linking in Flutter using Android App Links (assetlinks.json) and iOS Universal Links (apple-app-site-association) integrated with GoRouter v17.x navigation. Use this skill when setting up HTTPS domain association, handling magic links or email verification links, routing marketing campaign URLs (Google Ads, Facebook Ads) into the app, implementing password reset or invite flows via deep links, fixing deep link verification failures, troubleshooting GoRouter deep link integration, or any time the words 'deep link', 'universal link', 'app link', 'assetlinks', 'AASA', 'magic link', or 'deeplinking' appear in the request. Avoids deprecated custom URL schemes (myapp://).

中文简介正在准备中。当前显示原文说明。

Poorgramer-Zack/dart-expert-skills72026年8月11日 更新

查看 Poorgramer-Zack 的全部技能

报告此技能的问题