Skill directory
Agent skills
Focused instruction packs that teach a coding agent one job well. Browse the catalog and use any of them inside a RiverX project.
18,175Skills
1,902Publishers
249Official
Flutter Build Responsive Layoutflutter/agent-pluginsOfficialUse `LayoutBuilder`, `MediaQuery`, or `Expanded/Flexible` to create a layout that adapts to different screen sizes. Use when you need the UI to look good on both mobile and tablet/desktop form factors.2561Flutter Apply Architecture Best Practicesflutter/agent-pluginsOfficialArchitects a Flutter application using the recommended layered approach (UI, Logic, Data). Use when structuring a new project or refactoring for scalability.2541Flutter Fix Layout Issuesflutter/agent-pluginsOfficialFixes 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.2371Flutter Add Widget Testflutter/agent-pluginsOfficialImplement 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.2351Flutter Add Integration Testflutter/agent-pluginsOfficialConfigures 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.2261Flutter Implement JSON Serializationflutter/agent-pluginsOfficialCreate model classes with `fromJson` and `toJson` methods using `dart:convert`. Use when manually mapping JSON keys to class properties for simple data structures.2261Flutter Setup Declarative Routingflutter/agent-pluginsOfficialConfigure `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.2251Flutter Add Widget Previewflutter/agent-pluginsOfficialAdds 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.2221Flutter Use HTTP Packageflutter/agent-pluginsOfficialUse 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.2221Flutter Setup Localizationflutter/agent-pluginsOfficialAdd `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.2201Dart Run Static Analysisflutter/agent-pluginsOfficialExecute `dart analyze` to identify warnings and errors, and use `dart fix --apply` to automatically resolve mechanical lint issues. Use during development to ensure code quality and before committing changes.2111Dart Add Unit Testflutter/agent-pluginsOfficialWrite and organize unit tests for functions, methods, and classes using `package:test`. Use when creating new logic or fixing bugs to ensure code remains correct and regression-free.2101Dart Fix Runtime Errorsflutter/agent-pluginsOfficialUses get_runtime_errors and lsp to fetch an active stack trace, locate the failing line, apply a fix, and verify resolution via hot_reload.2091Dart Resolve Package Conflictsflutter/agent-pluginsOfficialWorkflow for fixing package version conflicts. Use this when `pub get` fails due to incompatible package versions.2091Dart Generate Test Mocksflutter/agent-pluginsOfficialDefine and generate mock objects for external dependencies using `package:mockito` and `build_runner`. Use when unit testing classes that depend on complex external services like APIs or databases.2081Dart Use Pattern Matchingflutter/agent-pluginsOfficial>-2082Dart Use Primary Constructorsflutter/agent-pluginsOfficial>2061Dart Build CLI Appflutter/agent-pluginsOfficial>-2055Dart Collect Coverageflutter/agent-pluginsOfficialCollect coverage using the coverage packge and create an LCOV report2051Dart Use Path Packageflutter/agent-pluginsOfficial>-2053Dart Migrate To Checks Packageflutter/agent-pluginsOfficial|-2041Dart Setup Ffi Assetsflutter/agent-pluginsOfficialGuides agents in compiling and packaging C/C++ source code into dynamic or static libraries (Code Assets) using Dart's Native Assets hook system (via hook/build.dart and hook/link.dart utilizing package:hooks and package:native_toolchain_c). Use when a user asks to: 'setup native assets', 'compile C/C++ source code', 'bundle dynamic libraries', 'build native C code', 'link native assets', 'implement build.dart or link.dart hooks', or 'integrate C/C++ interop in Dart/Flutter'. Helps agents avoid manual toolchain orchestration and configures secure hash-validated binary downloads or advanced linker tree-shaking with package:record_use mapping.2041Dart Use Ffigenflutter/agent-pluginsOfficialGuide agents to use `package:ffigen` to automatically generate FFI bindings instead of writing them manually. Use this skill when a task involves writing new FFI bindings, extending C/Objective-C/Swift integrations, or replacing hand-crafted `dart:ffi` setups.2041Dart Write Documentationflutter/agent-pluginsOfficialRules and formatting guidelines for writing Dart /// API documentation and doc comments. Use when documenting Dart code, writing doc comments for any Dart declaration (libraries, classes, methods, variables, etc.), or when instructed to follow the Effective Dart documentation guidelines.2041Dart Use Doc Examplesflutter/agent-pluginsOfficialHow to inject external code examples into Dartdoc using the {@example} directive, and how to filter those files using #hide, #region, and #endregion tags.2031
Skills, installed in one click
Start building freePut a skill to work
Open any project, search the Skills panel in the chat, and the agent picks it up from there.