[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-9375":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":8,"htmlUrl":8,"language":9,"languages":8,"totalLinesOfCode":8,"stars":10,"forks":11,"watchers":12,"openIssues":13,"contributorsCount":14,"subscribersCount":14,"size":14,"stars1d":15,"stars7d":16,"stars30d":17,"stars90d":14,"forks30d":14,"starsTrendScore":18,"compositeScore":19,"rankGlobal":8,"rankLanguage":8,"license":20,"archived":21,"fork":21,"defaultBranch":22,"hasWiki":21,"hasPages":21,"topics":23,"createdAt":8,"pushedAt":8,"updatedAt":24,"readmeContent":25,"aiSummary":26,"trendingCount":14,"starSnapshotCount":14,"syncStatus":27,"lastSyncTime":28,"discoverSource":29},9375,"skills","flutter\u002Fskills","flutter",null,"Dart",2408,137,18,20,0,12,67,503,56,28.42,"BSD 3-Clause \"New\" or \"Revised\" License",false,"main",[],"2026-06-12 02:02:06","# Flutter Agent Skills\n\nAgent skills for Flutter, maintained by the Flutter team.\n\nYou can also install the [Agent Skills for Dart](https:\u002F\u002Fgithub.com\u002Fdart-lang\u002Fskills) for Dart tasks.\n\n## Installation\n\nTo install all skills into your project, run the following command. \nThe `--agent universal` flag puts it in the standard `.agents\u002Fskills` \nfolder that most agents use.\n\n```bash\nnpx skills add flutter\u002Fskills --skill '*' --agent universal\n```\n\n## Updating Skills\n\nTo update, run the following command:\n\n```bash\nnpx skills update\n```\n\n## Available Skills\n\n| Skill | Description | Example prompt |\n|---|---|---|\n| [flutter-add-integration-test](skills\u002Fflutter-add-integration-test\u002FSKILL.md) | Configures Flutter Driver for app interaction and converts MCP actions into permanent integration tests. Use when adding integration testing to a project, exploring UI components via MCP, or automating user flows with the integration_test package. | Add an integration test that validates the checkout experience |\n| [flutter-add-widget-preview](skills\u002Fflutter-add-widget-preview\u002FSKILL.md) | Adds interactive widget previews to the project using the previews.dart system. Use when creating new UI components or updating existing screens to ensure consistent design and interactive testing. | Create a preview for the ProductCard widget with different price states |\n| [flutter-add-widget-test](skills\u002Fflutter-add-widget-test\u002FSKILL.md) | Implement a component-level test using `WidgetTester` to verify UI rendering and user interactions (tapping, scrolling, entering text). Use when validating that a specific widget displays correct data and responds to events as expected. | Add a widget test for the CustomButton to verify the onTap callback is called |\n| [flutter-apply-architecture-best-practices](skills\u002Fflutter-apply-architecture-best-practices\u002FSKILL.md) | Architects a Flutter application using the recommended layered approach (UI, Logic, Data). Use when structuring a new project or refactoring for scalability. | Refactor the authentication flow to follow the recommended layered architecture |\n| [flutter-build-responsive-layout](skills\u002Fflutter-build-responsive-layout\u002FSKILL.md) | Use `LayoutBuilder`, `MediaQuery`, or `Expanded\u002FFlexible` to create a layout that adapts to different screen sizes. Use when you need the UI to look good on both mobile and tablet\u002Fdesktop form factors. | Make the home screen responsive so it displays a grid on tablets and a list on phones |\n| [flutter-fix-layout-issues](skills\u002Fflutter-fix-layout-issues\u002FSKILL.md) | Fixes Flutter layout errors (overflows, unbounded constraints) using Dart and Flutter MCP tools. Use when addressing \"RenderFlex overflowed\", \"Vertical viewport was given unbounded height\", or similar layout issues. | Fix the overflow error on the profile page when the keyboard is visible |\n| [flutter-implement-json-serialization](skills\u002Fflutter-implement-json-serialization\u002FSKILL.md) | Create model classes with `fromJson` and `toJson` methods using `dart:convert`. Use when manually mapping JSON keys to class properties for simple data structures. | Implement JSON serialization for the User model class |\n| [flutter-setup-declarative-routing](skills\u002Fflutter-setup-declarative-routing\u002FSKILL.md) | Configure `MaterialApp.router` using a package like `go_router` for advanced URL-based navigation. Use when developing web applications or mobile apps that require specific deep linking and browser history support. | Set up GoRouter with paths for home, details, and settings |\n| [flutter-setup-localization](skills\u002Fflutter-setup-localization\u002FSKILL.md) | Add `flutter_localizations` and `intl` dependencies, enable \"generate true\" in `pubspec.yaml`, and create an `l10n.yaml` configuration file. Use when initializing localization support for a new Flutter project. | Setup localization and add English and Spanish translations |\n| [flutter-use-http-package](skills\u002Fflutter-use-http-package\u002FSKILL.md) | Use the `http` package to execute GET, POST, PUT, or DELETE requests. Use when you need to fetch from or send data to a REST API. | Use the http package to fetch the list of products from the API |\n## Contributing\n\nWe aren't accepting pull requests at this time, but we would love to hear your feedback! \n\nPlease see [CONTRIBUTING.md](CONTRIBUTING.md) for more information.\n\n## Code of Conduct\n\nPlease see [CODE_OF_CONDUCT.md](CODE_OF_CONDUCT.md) for more information.\n","flutter\u002Fskills 是由 Flutter 团队维护的一系列用于增强 Flutter 开发体验的代理技能。该项目提供了一系列功能，如集成测试配置、组件预览添加、组件级测试实现、架构最佳实践应用、响应式布局构建、布局问题修复以及 JSON 序列化实现等。这些技能旨在通过自动化或简化开发过程中的常见任务来提高开发效率和代码质量。适用于需要快速搭建或优化 Flutter 项目结构、确保 UI 组件一致性及交互性、解决布局问题或进行数据序列化的场景。使用 Dart 语言编写，并采用 BSD 3-Clause 许可证发布。",2,"2026-06-11 03:22:22","top_language"]