af-flutter-expertise

Develop Flutter mobile applications within AgentFlow monorepos.

Updated Feb 8, 2026
One-click install
npx skills add https://github.com/GainInsightDev/websites --skill af-flutter-expertise
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: af-flutter-expertise
Source: https://github.com/GainInsightDev/websites/tree/main/.claude/skills/af-flutter-expertise
Command: npx skills add https://github.com/GainInsightDev/websites --skill af-flutter-expertise

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill provides comprehensive guidance and best practices for developing Flutter mobile applications within the AgentFlow framework, streamlining the mobile development lifecycle.

Core Features & Use Cases

  • Monorepo Structure: Understand and implement optimal project organization for web and mobile.
  • Component Development: Utilize Widgetbook for visual development and testing of UI components.
  • Testing Strategies: Implement robust widget and golden tests for reliable applications.
  • CI/CD Pipelines: Configure automated builds and deployments for both Android and iOS.
  • Use Case: A developer needs to integrate a new Flutter feature into an existing AgentFlow monorepo, ensuring it follows established patterns for UI, testing, and deployment.

Quick Start

Use the af-flutter-expertise skill to set up a new Flutter module within an AgentFlow monorepo.

Frequently Asked Questions about af-flutter-expertise

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I structure a Flutter mobile app within a monorepo?

To structure a Flutter app within a monorepo, you organize web and mobile projects to share dependencies and code efficiently. This approach streamlines module integration and maintains consistent project architecture across platforms.

How do I set up Widgetbook for Flutter component development?

You set up Widgetbook by integrating it into your Flutter project to visually develop and test UI components in isolation. This cataloging technique isolates widgets from app logic to accelerate visual iteration.

What is the best way to run golden tests for Flutter widgets?

The best way to run golden tests is to render Flutter widgets and compare them against baseline image files to detect visual regressions. This testing strategy ensures your UI remains stable during refactoring.

Can I configure hybrid CI/CD pipelines for Android and iOS Flutter builds?

Yes, you can configure hybrid CI/CD pipelines to automate builds and deployments for both Android and iOS. This process addresses platform-specific build requirements and manages distinct mobile deployment lifecycles.

Does Amplify Flutter integration work within an AgentFlow monorepo?

Amplify Flutter integration works within an AgentFlow monorepo by connecting your mobile app to backend services. You configure the Amplify SDK alongside your Dart code to handle cloud authentication and data.

Why do I need design token bridging for Flutter components?

You need design token bridging to synchronize style variables like colors and typography from your design system into Flutter code. This process maintains visual consistency and scales UI updates across web and mobile.