[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill-flutter-flutter-add-widget-preview":3,"mdc--lzgufe-key":31,"related-org-flutter-flutter-add-widget-preview":1210,"related-repo-flutter-flutter-add-widget-preview":1346},{"slug":4,"name":4,"fn":5,"description":6,"org":7,"tags":11,"stars":21,"repoUrl":22,"updatedAt":23,"license":24,"forks":25,"topics":26,"repo":27,"sourceUrl":29,"mdContent":30},"flutter-add-widget-preview","add interactive widget previews to Flutter","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.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},"flutter","Flutter (Google)","https:\u002F\u002Fpexgzepcugksgbtrxkhf.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Forg-logos\u002Fflutter.png",[12,15,18],{"name":13,"slug":8,"type":14},"Flutter","tag",{"name":16,"slug":17,"type":14},"UI Components","ui-components",{"name":19,"slug":20,"type":14},"Testing","testing",2664,"https:\u002F\u002Fgithub.com\u002Fflutter\u002Fagent-plugins","2026-07-15T05:22:28.82255",null,155,[],{"repoUrl":22,"stars":21,"forks":25,"topics":28,"description":24},[],"https:\u002F\u002Fgithub.com\u002Fflutter\u002Fagent-plugins\u002Ftree\u002FHEAD\u002Fskills\u002Fflutter-add-widget-preview","---\nname: flutter-add-widget-preview\ndescription: 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.\nmetadata:\n  model: models\u002Fgemini-3.1-pro-preview\n  last_modified: Tue, 21 Apr 2026 20:05:23 GMT\n---\n# Previewing Flutter Widgets\n\n## Contents\n- [Preview Guidelines](#preview-guidelines)\n- [Handling Limitations](#handling-limitations)\n- [Workflows](#workflows)\n- [Examples](#examples)\n\n## Preview Guidelines\n\nUse the Flutter Widget Previewer to render widgets in real-time, isolated from the full application context. \n\n- **Target Elements:** Apply the `@Preview` annotation to top-level functions, static methods within a class, or public widget constructors\u002Ffactories that have no required arguments and return a `Widget` or `WidgetBuilder`.\n- **Imports:** Always import `package:flutter\u002Fwidget_previews.dart` to access the preview annotations.\n- **Custom Annotations:** Extend the `Preview` class to create custom annotations that inject common properties (e.g., themes, wrappers) across multiple widgets.\n- **Multiple Configurations:** Apply multiple `@Preview` annotations to a single target to generate multiple preview instances. Alternatively, extend `MultiPreview` to encapsulate common multi-preview configurations.\n- **Runtime Transformations:** Override the `transform()` method in custom `Preview` or `MultiPreview` classes to modify preview configurations dynamically at runtime (e.g., generating names based on dynamic values, which is impossible in a `const` context).\n\n## Handling Limitations\n\nAdhere to the following constraints when authoring previewable widgets, as the Widget Previewer runs in a web environment:\n\n- **No Native APIs:** Do not use native plugins or APIs from `dart:io` or `dart:ffi`. Widgets with transitive dependencies on `dart:io` or `dart:ffi` will throw exceptions upon invocation. Use conditional imports to mock or bypass these in preview mode.\n- **Asset Paths:** Use package-based paths for assets loaded via `dart:ui` `fromAsset` APIs (e.g., `packages\u002Fmy_package_name\u002Fassets\u002Fmy_image.png` instead of `assets\u002Fmy_image.png`).\n- **Public Callbacks:** Ensure all callback arguments provided to preview annotations are public and constant to satisfy code generation requirements.\n- **Constraints:** Apply explicit constraints using the `size` parameter in the `@Preview` annotation if your widget is unconstrained, as the previewer defaults to constraining them to approximately half the viewport.\n\n## Workflows\n\n### Creating a Widget Preview\nCopy and track this checklist when implementing a new widget preview:\n\n- [ ] Import `package:flutter\u002Fwidget_previews.dart`.\n- [ ] Identify a valid target (top-level function, static method, or parameter-less public constructor).\n- [ ] Apply the `@Preview` annotation to the target.\n- [ ] Configure preview parameters (`name`, `group`, `size`, `theme`, `brightness`, etc.) as needed.\n- [ ] If applying the same configuration to multiple widgets, extract the configuration into a custom class extending `Preview`.\n\n### Interacting with Previews\nFollow the appropriate conditional workflow to launch and interact with the Widget Previewer:\n\n**If using a supported IDE (Android Studio, IntelliJ, VS Code with Flutter 3.38+):**\n1. Launch the IDE. The Widget Previewer starts automatically.\n2. Open the \"Flutter Widget Preview\" tab in the sidebar.\n3. Toggle \"Filter previews by selected file\" at the bottom left if you want to view previews outside the currently active file.\n\n**If using the Command Line:**\n1. Navigate to the Flutter project's root directory.\n2. Run `flutter widget-preview start`.\n3. View the automatically opened Chrome environment.\n\n**Feedback Loop: Preview Iteration**\n1. Modify the widget code or preview configuration.\n2. Observe the automatic update in the Widget Previewer.\n3. If global state (e.g., static initializers) was modified: Click the global hot restart button at the bottom right.\n4. If only the local widget state needs resetting: Click the individual hot restart button on the specific preview card.\n5. Review errors in the IDE\u002FCLI console -> fix -> repeat.\n\n## Examples\n\n### Basic Preview\n```dart\nimport 'package:flutter\u002Fwidget_previews.dart';\nimport 'package:flutter\u002Fmaterial.dart';\n\n@Preview(name: 'My Sample Text', group: 'Typography')\nWidget mySampleText() {\n  return const Text('Hello, World!');\n}\n```\n\n### Custom Preview with Runtime Transformation\n```dart\nimport 'package:flutter\u002Fwidget_previews.dart';\nimport 'package:flutter\u002Fmaterial.dart';\n\nfinal class TransformativePreview extends Preview {\n  const TransformativePreview({\n    super.name,\n    super.group,\n  });\n\n  PreviewThemeData _themeBuilder() {\n    return PreviewThemeData(\n      materialLight: ThemeData.light(),\n      materialDark: ThemeData.dark(),\n    );\n  }\n\n  @override\n  Preview transform() {\n    final originalPreview = super.transform();\n    final builder = originalPreview.toBuilder();\n    \n    builder\n      ..name = 'Transformed - ${originalPreview.name}'\n      ..theme = _themeBuilder;\n\n    return builder.toPreview();\n  }\n}\n\n@TransformativePreview(name: 'Custom Themed Button')\nWidget myButton() => const ElevatedButton(onPressed: null, child: Text('Click'));\n```\n\n### MultiPreview Implementation\n```dart\nimport 'package:flutter\u002Fwidget_previews.dart';\nimport 'package:flutter\u002Fmaterial.dart';\n\n\u002F\u002F\u002F Creates light and dark mode previews automatically.\nfinal class MultiBrightnessPreview extends MultiPreview {\n  const MultiBrightnessPreview({required this.name});\n\n  final String name;\n\n  @override\n  List\u003CPreview> get previews => const [\n        Preview(brightness: Brightness.light),\n        Preview(brightness: Brightness.dark),\n      ];\n\n  @override\n  List\u003CPreview> transform() {\n    final previews = super.transform();\n    return previews.map((preview) {\n      final builder = preview.toBuilder()\n        ..group = 'Brightness'\n        ..name = '$name - ${preview.brightness!.name}';\n      return builder.toPreview();\n    }).toList();\n  }\n}\n\n@MultiBrightnessPreview(name: 'Primary Card')\nWidget cardPreview() => const Card(child: Padding(padding: EdgeInsets.all(8.0), child: Text('Content')));\n```\n",{"data":32,"body":36},{"name":4,"description":6,"metadata":33},{"model":34,"last_modified":35},"models\u002Fgemini-3.1-pro-preview","Tue, 21 Apr 2026 20:05:23 GMT",{"type":37,"children":38},"root",[39,48,55,97,102,108,247,252,257,375,380,387,392,500,506,511,519,538,546,571,579,607,612,618,694,700,970,976,1204],{"type":40,"tag":41,"props":42,"children":44},"element","h1",{"id":43},"previewing-flutter-widgets",[45],{"type":46,"value":47},"text","Previewing Flutter Widgets",{"type":40,"tag":49,"props":50,"children":52},"h2",{"id":51},"contents",[53],{"type":46,"value":54},"Contents",{"type":40,"tag":56,"props":57,"children":58},"ul",{},[59,70,79,88],{"type":40,"tag":60,"props":61,"children":62},"li",{},[63],{"type":40,"tag":64,"props":65,"children":67},"a",{"href":66},"#preview-guidelines",[68],{"type":46,"value":69},"Preview Guidelines",{"type":40,"tag":60,"props":71,"children":72},{},[73],{"type":40,"tag":64,"props":74,"children":76},{"href":75},"#handling-limitations",[77],{"type":46,"value":78},"Handling Limitations",{"type":40,"tag":60,"props":80,"children":81},{},[82],{"type":40,"tag":64,"props":83,"children":85},{"href":84},"#workflows",[86],{"type":46,"value":87},"Workflows",{"type":40,"tag":60,"props":89,"children":90},{},[91],{"type":40,"tag":64,"props":92,"children":94},{"href":93},"#examples",[95],{"type":46,"value":96},"Examples",{"type":40,"tag":49,"props":98,"children":100},{"id":99},"preview-guidelines",[101],{"type":46,"value":69},{"type":40,"tag":103,"props":104,"children":105},"p",{},[106],{"type":46,"value":107},"Use the Flutter Widget Previewer to render widgets in real-time, isolated from the full application context.",{"type":40,"tag":56,"props":109,"children":110},{},[111,147,165,183,208],{"type":40,"tag":60,"props":112,"children":113},{},[114,120,122,129,131,137,139,145],{"type":40,"tag":115,"props":116,"children":117},"strong",{},[118],{"type":46,"value":119},"Target Elements:",{"type":46,"value":121}," Apply the ",{"type":40,"tag":123,"props":124,"children":126},"code",{"className":125},[],[127],{"type":46,"value":128},"@Preview",{"type":46,"value":130}," annotation to top-level functions, static methods within a class, or public widget constructors\u002Ffactories that have no required arguments and return a ",{"type":40,"tag":123,"props":132,"children":134},{"className":133},[],[135],{"type":46,"value":136},"Widget",{"type":46,"value":138}," or ",{"type":40,"tag":123,"props":140,"children":142},{"className":141},[],[143],{"type":46,"value":144},"WidgetBuilder",{"type":46,"value":146},".",{"type":40,"tag":60,"props":148,"children":149},{},[150,155,157,163],{"type":40,"tag":115,"props":151,"children":152},{},[153],{"type":46,"value":154},"Imports:",{"type":46,"value":156}," Always import ",{"type":40,"tag":123,"props":158,"children":160},{"className":159},[],[161],{"type":46,"value":162},"package:flutter\u002Fwidget_previews.dart",{"type":46,"value":164}," to access the preview annotations.",{"type":40,"tag":60,"props":166,"children":167},{},[168,173,175,181],{"type":40,"tag":115,"props":169,"children":170},{},[171],{"type":46,"value":172},"Custom Annotations:",{"type":46,"value":174}," Extend the ",{"type":40,"tag":123,"props":176,"children":178},{"className":177},[],[179],{"type":46,"value":180},"Preview",{"type":46,"value":182}," class to create custom annotations that inject common properties (e.g., themes, wrappers) across multiple widgets.",{"type":40,"tag":60,"props":184,"children":185},{},[186,191,193,198,200,206],{"type":40,"tag":115,"props":187,"children":188},{},[189],{"type":46,"value":190},"Multiple Configurations:",{"type":46,"value":192}," Apply multiple ",{"type":40,"tag":123,"props":194,"children":196},{"className":195},[],[197],{"type":46,"value":128},{"type":46,"value":199}," annotations to a single target to generate multiple preview instances. Alternatively, extend ",{"type":40,"tag":123,"props":201,"children":203},{"className":202},[],[204],{"type":46,"value":205},"MultiPreview",{"type":46,"value":207}," to encapsulate common multi-preview configurations.",{"type":40,"tag":60,"props":209,"children":210},{},[211,216,218,224,226,231,232,237,239,245],{"type":40,"tag":115,"props":212,"children":213},{},[214],{"type":46,"value":215},"Runtime Transformations:",{"type":46,"value":217}," Override the ",{"type":40,"tag":123,"props":219,"children":221},{"className":220},[],[222],{"type":46,"value":223},"transform()",{"type":46,"value":225}," method in custom ",{"type":40,"tag":123,"props":227,"children":229},{"className":228},[],[230],{"type":46,"value":180},{"type":46,"value":138},{"type":40,"tag":123,"props":233,"children":235},{"className":234},[],[236],{"type":46,"value":205},{"type":46,"value":238}," classes to modify preview configurations dynamically at runtime (e.g., generating names based on dynamic values, which is impossible in a ",{"type":40,"tag":123,"props":240,"children":242},{"className":241},[],[243],{"type":46,"value":244},"const",{"type":46,"value":246}," context).",{"type":40,"tag":49,"props":248,"children":250},{"id":249},"handling-limitations",[251],{"type":46,"value":78},{"type":40,"tag":103,"props":253,"children":254},{},[255],{"type":46,"value":256},"Adhere to the following constraints when authoring previewable widgets, as the Widget Previewer runs in a web environment:",{"type":40,"tag":56,"props":258,"children":259},{},[260,298,340,350],{"type":40,"tag":60,"props":261,"children":262},{},[263,268,270,276,277,283,285,290,291,296],{"type":40,"tag":115,"props":264,"children":265},{},[266],{"type":46,"value":267},"No Native APIs:",{"type":46,"value":269}," Do not use native plugins or APIs from ",{"type":40,"tag":123,"props":271,"children":273},{"className":272},[],[274],{"type":46,"value":275},"dart:io",{"type":46,"value":138},{"type":40,"tag":123,"props":278,"children":280},{"className":279},[],[281],{"type":46,"value":282},"dart:ffi",{"type":46,"value":284},". Widgets with transitive dependencies on ",{"type":40,"tag":123,"props":286,"children":288},{"className":287},[],[289],{"type":46,"value":275},{"type":46,"value":138},{"type":40,"tag":123,"props":292,"children":294},{"className":293},[],[295],{"type":46,"value":282},{"type":46,"value":297}," will throw exceptions upon invocation. Use conditional imports to mock or bypass these in preview mode.",{"type":40,"tag":60,"props":299,"children":300},{},[301,306,308,314,316,322,324,330,332,338],{"type":40,"tag":115,"props":302,"children":303},{},[304],{"type":46,"value":305},"Asset Paths:",{"type":46,"value":307}," Use package-based paths for assets loaded via ",{"type":40,"tag":123,"props":309,"children":311},{"className":310},[],[312],{"type":46,"value":313},"dart:ui",{"type":46,"value":315}," ",{"type":40,"tag":123,"props":317,"children":319},{"className":318},[],[320],{"type":46,"value":321},"fromAsset",{"type":46,"value":323}," APIs (e.g., ",{"type":40,"tag":123,"props":325,"children":327},{"className":326},[],[328],{"type":46,"value":329},"packages\u002Fmy_package_name\u002Fassets\u002Fmy_image.png",{"type":46,"value":331}," instead of ",{"type":40,"tag":123,"props":333,"children":335},{"className":334},[],[336],{"type":46,"value":337},"assets\u002Fmy_image.png",{"type":46,"value":339},").",{"type":40,"tag":60,"props":341,"children":342},{},[343,348],{"type":40,"tag":115,"props":344,"children":345},{},[346],{"type":46,"value":347},"Public Callbacks:",{"type":46,"value":349}," Ensure all callback arguments provided to preview annotations are public and constant to satisfy code generation requirements.",{"type":40,"tag":60,"props":351,"children":352},{},[353,358,360,366,368,373],{"type":40,"tag":115,"props":354,"children":355},{},[356],{"type":46,"value":357},"Constraints:",{"type":46,"value":359}," Apply explicit constraints using the ",{"type":40,"tag":123,"props":361,"children":363},{"className":362},[],[364],{"type":46,"value":365},"size",{"type":46,"value":367}," parameter in the ",{"type":40,"tag":123,"props":369,"children":371},{"className":370},[],[372],{"type":46,"value":128},{"type":46,"value":374}," annotation if your widget is unconstrained, as the previewer defaults to constraining them to approximately half the viewport.",{"type":40,"tag":49,"props":376,"children":378},{"id":377},"workflows",[379],{"type":46,"value":87},{"type":40,"tag":381,"props":382,"children":384},"h3",{"id":383},"creating-a-widget-preview",[385],{"type":46,"value":386},"Creating a Widget Preview",{"type":40,"tag":103,"props":388,"children":389},{},[390],{"type":46,"value":391},"Copy and track this checklist when implementing a new widget preview:",{"type":40,"tag":56,"props":393,"children":396},{"className":394},[395],"contains-task-list",[397,416,425,440,485],{"type":40,"tag":60,"props":398,"children":401},{"className":399},[400],"task-list-item",[402,408,410,415],{"type":40,"tag":403,"props":404,"children":407},"input",{"disabled":405,"type":406},true,"checkbox",[],{"type":46,"value":409}," Import ",{"type":40,"tag":123,"props":411,"children":413},{"className":412},[],[414],{"type":46,"value":162},{"type":46,"value":146},{"type":40,"tag":60,"props":417,"children":419},{"className":418},[400],[420,423],{"type":40,"tag":403,"props":421,"children":422},{"disabled":405,"type":406},[],{"type":46,"value":424}," Identify a valid target (top-level function, static method, or parameter-less public constructor).",{"type":40,"tag":60,"props":426,"children":428},{"className":427},[400],[429,432,433,438],{"type":40,"tag":403,"props":430,"children":431},{"disabled":405,"type":406},[],{"type":46,"value":121},{"type":40,"tag":123,"props":434,"children":436},{"className":435},[],[437],{"type":46,"value":128},{"type":46,"value":439}," annotation to the target.",{"type":40,"tag":60,"props":441,"children":443},{"className":442},[400],[444,447,449,455,457,463,464,469,470,476,477,483],{"type":40,"tag":403,"props":445,"children":446},{"disabled":405,"type":406},[],{"type":46,"value":448}," Configure preview parameters (",{"type":40,"tag":123,"props":450,"children":452},{"className":451},[],[453],{"type":46,"value":454},"name",{"type":46,"value":456},", ",{"type":40,"tag":123,"props":458,"children":460},{"className":459},[],[461],{"type":46,"value":462},"group",{"type":46,"value":456},{"type":40,"tag":123,"props":465,"children":467},{"className":466},[],[468],{"type":46,"value":365},{"type":46,"value":456},{"type":40,"tag":123,"props":471,"children":473},{"className":472},[],[474],{"type":46,"value":475},"theme",{"type":46,"value":456},{"type":40,"tag":123,"props":478,"children":480},{"className":479},[],[481],{"type":46,"value":482},"brightness",{"type":46,"value":484},", etc.) as needed.",{"type":40,"tag":60,"props":486,"children":488},{"className":487},[400],[489,492,494,499],{"type":40,"tag":403,"props":490,"children":491},{"disabled":405,"type":406},[],{"type":46,"value":493}," If applying the same configuration to multiple widgets, extract the configuration into a custom class extending ",{"type":40,"tag":123,"props":495,"children":497},{"className":496},[],[498],{"type":46,"value":180},{"type":46,"value":146},{"type":40,"tag":381,"props":501,"children":503},{"id":502},"interacting-with-previews",[504],{"type":46,"value":505},"Interacting with Previews",{"type":40,"tag":103,"props":507,"children":508},{},[509],{"type":46,"value":510},"Follow the appropriate conditional workflow to launch and interact with the Widget Previewer:",{"type":40,"tag":103,"props":512,"children":513},{},[514],{"type":40,"tag":115,"props":515,"children":516},{},[517],{"type":46,"value":518},"If using a supported IDE (Android Studio, IntelliJ, VS Code with Flutter 3.38+):",{"type":40,"tag":520,"props":521,"children":522},"ol",{},[523,528,533],{"type":40,"tag":60,"props":524,"children":525},{},[526],{"type":46,"value":527},"Launch the IDE. The Widget Previewer starts automatically.",{"type":40,"tag":60,"props":529,"children":530},{},[531],{"type":46,"value":532},"Open the \"Flutter Widget Preview\" tab in the sidebar.",{"type":40,"tag":60,"props":534,"children":535},{},[536],{"type":46,"value":537},"Toggle \"Filter previews by selected file\" at the bottom left if you want to view previews outside the currently active file.",{"type":40,"tag":103,"props":539,"children":540},{},[541],{"type":40,"tag":115,"props":542,"children":543},{},[544],{"type":46,"value":545},"If using the Command Line:",{"type":40,"tag":520,"props":547,"children":548},{},[549,554,566],{"type":40,"tag":60,"props":550,"children":551},{},[552],{"type":46,"value":553},"Navigate to the Flutter project's root directory.",{"type":40,"tag":60,"props":555,"children":556},{},[557,559,565],{"type":46,"value":558},"Run ",{"type":40,"tag":123,"props":560,"children":562},{"className":561},[],[563],{"type":46,"value":564},"flutter widget-preview start",{"type":46,"value":146},{"type":40,"tag":60,"props":567,"children":568},{},[569],{"type":46,"value":570},"View the automatically opened Chrome environment.",{"type":40,"tag":103,"props":572,"children":573},{},[574],{"type":40,"tag":115,"props":575,"children":576},{},[577],{"type":46,"value":578},"Feedback Loop: Preview Iteration",{"type":40,"tag":520,"props":580,"children":581},{},[582,587,592,597,602],{"type":40,"tag":60,"props":583,"children":584},{},[585],{"type":46,"value":586},"Modify the widget code or preview configuration.",{"type":40,"tag":60,"props":588,"children":589},{},[590],{"type":46,"value":591},"Observe the automatic update in the Widget Previewer.",{"type":40,"tag":60,"props":593,"children":594},{},[595],{"type":46,"value":596},"If global state (e.g., static initializers) was modified: Click the global hot restart button at the bottom right.",{"type":40,"tag":60,"props":598,"children":599},{},[600],{"type":46,"value":601},"If only the local widget state needs resetting: Click the individual hot restart button on the specific preview card.",{"type":40,"tag":60,"props":603,"children":604},{},[605],{"type":46,"value":606},"Review errors in the IDE\u002FCLI console -> fix -> repeat.",{"type":40,"tag":49,"props":608,"children":610},{"id":609},"examples",[611],{"type":46,"value":96},{"type":40,"tag":381,"props":613,"children":615},{"id":614},"basic-preview",[616],{"type":46,"value":617},"Basic Preview",{"type":40,"tag":619,"props":620,"children":625},"pre",{"className":621,"code":622,"language":623,"meta":624,"style":624},"language-dart shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","import 'package:flutter\u002Fwidget_previews.dart';\nimport 'package:flutter\u002Fmaterial.dart';\n\n@Preview(name: 'My Sample Text', group: 'Typography')\nWidget mySampleText() {\n  return const Text('Hello, World!');\n}\n","dart","",[626],{"type":40,"tag":123,"props":627,"children":628},{"__ignoreMap":624},[629,640,649,658,667,676,685],{"type":40,"tag":630,"props":631,"children":634},"span",{"class":632,"line":633},"line",1,[635],{"type":40,"tag":630,"props":636,"children":637},{},[638],{"type":46,"value":639},"import 'package:flutter\u002Fwidget_previews.dart';\n",{"type":40,"tag":630,"props":641,"children":643},{"class":632,"line":642},2,[644],{"type":40,"tag":630,"props":645,"children":646},{},[647],{"type":46,"value":648},"import 'package:flutter\u002Fmaterial.dart';\n",{"type":40,"tag":630,"props":650,"children":652},{"class":632,"line":651},3,[653],{"type":40,"tag":630,"props":654,"children":655},{"emptyLinePlaceholder":405},[656],{"type":46,"value":657},"\n",{"type":40,"tag":630,"props":659,"children":661},{"class":632,"line":660},4,[662],{"type":40,"tag":630,"props":663,"children":664},{},[665],{"type":46,"value":666},"@Preview(name: 'My Sample Text', group: 'Typography')\n",{"type":40,"tag":630,"props":668,"children":670},{"class":632,"line":669},5,[671],{"type":40,"tag":630,"props":672,"children":673},{},[674],{"type":46,"value":675},"Widget mySampleText() {\n",{"type":40,"tag":630,"props":677,"children":679},{"class":632,"line":678},6,[680],{"type":40,"tag":630,"props":681,"children":682},{},[683],{"type":46,"value":684},"  return const Text('Hello, World!');\n",{"type":40,"tag":630,"props":686,"children":688},{"class":632,"line":687},7,[689],{"type":40,"tag":630,"props":690,"children":691},{},[692],{"type":46,"value":693},"}\n",{"type":40,"tag":381,"props":695,"children":697},{"id":696},"custom-preview-with-runtime-transformation",[698],{"type":46,"value":699},"Custom Preview with Runtime Transformation",{"type":40,"tag":619,"props":701,"children":703},{"className":621,"code":702,"language":623,"meta":624,"style":624},"import 'package:flutter\u002Fwidget_previews.dart';\nimport 'package:flutter\u002Fmaterial.dart';\n\nfinal class TransformativePreview extends Preview {\n  const TransformativePreview({\n    super.name,\n    super.group,\n  });\n\n  PreviewThemeData _themeBuilder() {\n    return PreviewThemeData(\n      materialLight: ThemeData.light(),\n      materialDark: ThemeData.dark(),\n    );\n  }\n\n  @override\n  Preview transform() {\n    final originalPreview = super.transform();\n    final builder = originalPreview.toBuilder();\n    \n    builder\n      ..name = 'Transformed - ${originalPreview.name}'\n      ..theme = _themeBuilder;\n\n    return builder.toPreview();\n  }\n}\n\n@TransformativePreview(name: 'Custom Themed Button')\nWidget myButton() => const ElevatedButton(onPressed: null, child: Text('Click'));\n",[704],{"type":40,"tag":123,"props":705,"children":706},{"__ignoreMap":624},[707,714,721,728,736,744,752,760,769,777,786,795,804,813,822,831,839,848,857,866,875,884,893,902,911,919,928,936,944,952,961],{"type":40,"tag":630,"props":708,"children":709},{"class":632,"line":633},[710],{"type":40,"tag":630,"props":711,"children":712},{},[713],{"type":46,"value":639},{"type":40,"tag":630,"props":715,"children":716},{"class":632,"line":642},[717],{"type":40,"tag":630,"props":718,"children":719},{},[720],{"type":46,"value":648},{"type":40,"tag":630,"props":722,"children":723},{"class":632,"line":651},[724],{"type":40,"tag":630,"props":725,"children":726},{"emptyLinePlaceholder":405},[727],{"type":46,"value":657},{"type":40,"tag":630,"props":729,"children":730},{"class":632,"line":660},[731],{"type":40,"tag":630,"props":732,"children":733},{},[734],{"type":46,"value":735},"final class TransformativePreview extends Preview {\n",{"type":40,"tag":630,"props":737,"children":738},{"class":632,"line":669},[739],{"type":40,"tag":630,"props":740,"children":741},{},[742],{"type":46,"value":743},"  const TransformativePreview({\n",{"type":40,"tag":630,"props":745,"children":746},{"class":632,"line":678},[747],{"type":40,"tag":630,"props":748,"children":749},{},[750],{"type":46,"value":751},"    super.name,\n",{"type":40,"tag":630,"props":753,"children":754},{"class":632,"line":687},[755],{"type":40,"tag":630,"props":756,"children":757},{},[758],{"type":46,"value":759},"    super.group,\n",{"type":40,"tag":630,"props":761,"children":763},{"class":632,"line":762},8,[764],{"type":40,"tag":630,"props":765,"children":766},{},[767],{"type":46,"value":768},"  });\n",{"type":40,"tag":630,"props":770,"children":772},{"class":632,"line":771},9,[773],{"type":40,"tag":630,"props":774,"children":775},{"emptyLinePlaceholder":405},[776],{"type":46,"value":657},{"type":40,"tag":630,"props":778,"children":780},{"class":632,"line":779},10,[781],{"type":40,"tag":630,"props":782,"children":783},{},[784],{"type":46,"value":785},"  PreviewThemeData _themeBuilder() {\n",{"type":40,"tag":630,"props":787,"children":789},{"class":632,"line":788},11,[790],{"type":40,"tag":630,"props":791,"children":792},{},[793],{"type":46,"value":794},"    return PreviewThemeData(\n",{"type":40,"tag":630,"props":796,"children":798},{"class":632,"line":797},12,[799],{"type":40,"tag":630,"props":800,"children":801},{},[802],{"type":46,"value":803},"      materialLight: ThemeData.light(),\n",{"type":40,"tag":630,"props":805,"children":807},{"class":632,"line":806},13,[808],{"type":40,"tag":630,"props":809,"children":810},{},[811],{"type":46,"value":812},"      materialDark: ThemeData.dark(),\n",{"type":40,"tag":630,"props":814,"children":816},{"class":632,"line":815},14,[817],{"type":40,"tag":630,"props":818,"children":819},{},[820],{"type":46,"value":821},"    );\n",{"type":40,"tag":630,"props":823,"children":825},{"class":632,"line":824},15,[826],{"type":40,"tag":630,"props":827,"children":828},{},[829],{"type":46,"value":830},"  }\n",{"type":40,"tag":630,"props":832,"children":834},{"class":632,"line":833},16,[835],{"type":40,"tag":630,"props":836,"children":837},{"emptyLinePlaceholder":405},[838],{"type":46,"value":657},{"type":40,"tag":630,"props":840,"children":842},{"class":632,"line":841},17,[843],{"type":40,"tag":630,"props":844,"children":845},{},[846],{"type":46,"value":847},"  @override\n",{"type":40,"tag":630,"props":849,"children":851},{"class":632,"line":850},18,[852],{"type":40,"tag":630,"props":853,"children":854},{},[855],{"type":46,"value":856},"  Preview transform() {\n",{"type":40,"tag":630,"props":858,"children":860},{"class":632,"line":859},19,[861],{"type":40,"tag":630,"props":862,"children":863},{},[864],{"type":46,"value":865},"    final originalPreview = super.transform();\n",{"type":40,"tag":630,"props":867,"children":869},{"class":632,"line":868},20,[870],{"type":40,"tag":630,"props":871,"children":872},{},[873],{"type":46,"value":874},"    final builder = originalPreview.toBuilder();\n",{"type":40,"tag":630,"props":876,"children":878},{"class":632,"line":877},21,[879],{"type":40,"tag":630,"props":880,"children":881},{},[882],{"type":46,"value":883},"    \n",{"type":40,"tag":630,"props":885,"children":887},{"class":632,"line":886},22,[888],{"type":40,"tag":630,"props":889,"children":890},{},[891],{"type":46,"value":892},"    builder\n",{"type":40,"tag":630,"props":894,"children":896},{"class":632,"line":895},23,[897],{"type":40,"tag":630,"props":898,"children":899},{},[900],{"type":46,"value":901},"      ..name = 'Transformed - ${originalPreview.name}'\n",{"type":40,"tag":630,"props":903,"children":905},{"class":632,"line":904},24,[906],{"type":40,"tag":630,"props":907,"children":908},{},[909],{"type":46,"value":910},"      ..theme = _themeBuilder;\n",{"type":40,"tag":630,"props":912,"children":914},{"class":632,"line":913},25,[915],{"type":40,"tag":630,"props":916,"children":917},{"emptyLinePlaceholder":405},[918],{"type":46,"value":657},{"type":40,"tag":630,"props":920,"children":922},{"class":632,"line":921},26,[923],{"type":40,"tag":630,"props":924,"children":925},{},[926],{"type":46,"value":927},"    return builder.toPreview();\n",{"type":40,"tag":630,"props":929,"children":931},{"class":632,"line":930},27,[932],{"type":40,"tag":630,"props":933,"children":934},{},[935],{"type":46,"value":830},{"type":40,"tag":630,"props":937,"children":939},{"class":632,"line":938},28,[940],{"type":40,"tag":630,"props":941,"children":942},{},[943],{"type":46,"value":693},{"type":40,"tag":630,"props":945,"children":947},{"class":632,"line":946},29,[948],{"type":40,"tag":630,"props":949,"children":950},{"emptyLinePlaceholder":405},[951],{"type":46,"value":657},{"type":40,"tag":630,"props":953,"children":955},{"class":632,"line":954},30,[956],{"type":40,"tag":630,"props":957,"children":958},{},[959],{"type":46,"value":960},"@TransformativePreview(name: 'Custom Themed Button')\n",{"type":40,"tag":630,"props":962,"children":964},{"class":632,"line":963},31,[965],{"type":40,"tag":630,"props":966,"children":967},{},[968],{"type":46,"value":969},"Widget myButton() => const ElevatedButton(onPressed: null, child: Text('Click'));\n",{"type":40,"tag":381,"props":971,"children":973},{"id":972},"multipreview-implementation",[974],{"type":46,"value":975},"MultiPreview Implementation",{"type":40,"tag":619,"props":977,"children":979},{"className":621,"code":978,"language":623,"meta":624,"style":624},"import 'package:flutter\u002Fwidget_previews.dart';\nimport 'package:flutter\u002Fmaterial.dart';\n\n\u002F\u002F\u002F Creates light and dark mode previews automatically.\nfinal class MultiBrightnessPreview extends MultiPreview {\n  const MultiBrightnessPreview({required this.name});\n\n  final String name;\n\n  @override\n  List\u003CPreview> get previews => const [\n        Preview(brightness: Brightness.light),\n        Preview(brightness: Brightness.dark),\n      ];\n\n  @override\n  List\u003CPreview> transform() {\n    final previews = super.transform();\n    return previews.map((preview) {\n      final builder = preview.toBuilder()\n        ..group = 'Brightness'\n        ..name = '$name - ${preview.brightness!.name}';\n      return builder.toPreview();\n    }).toList();\n  }\n}\n\n@MultiBrightnessPreview(name: 'Primary Card')\nWidget cardPreview() => const Card(child: Padding(padding: EdgeInsets.all(8.0), child: Text('Content')));\n",[980],{"type":40,"tag":123,"props":981,"children":982},{"__ignoreMap":624},[983,990,997,1004,1012,1020,1028,1035,1043,1050,1057,1065,1073,1081,1089,1096,1103,1111,1119,1127,1135,1143,1151,1159,1167,1174,1181,1188,1196],{"type":40,"tag":630,"props":984,"children":985},{"class":632,"line":633},[986],{"type":40,"tag":630,"props":987,"children":988},{},[989],{"type":46,"value":639},{"type":40,"tag":630,"props":991,"children":992},{"class":632,"line":642},[993],{"type":40,"tag":630,"props":994,"children":995},{},[996],{"type":46,"value":648},{"type":40,"tag":630,"props":998,"children":999},{"class":632,"line":651},[1000],{"type":40,"tag":630,"props":1001,"children":1002},{"emptyLinePlaceholder":405},[1003],{"type":46,"value":657},{"type":40,"tag":630,"props":1005,"children":1006},{"class":632,"line":660},[1007],{"type":40,"tag":630,"props":1008,"children":1009},{},[1010],{"type":46,"value":1011},"\u002F\u002F\u002F Creates light and dark mode previews automatically.\n",{"type":40,"tag":630,"props":1013,"children":1014},{"class":632,"line":669},[1015],{"type":40,"tag":630,"props":1016,"children":1017},{},[1018],{"type":46,"value":1019},"final class MultiBrightnessPreview extends MultiPreview {\n",{"type":40,"tag":630,"props":1021,"children":1022},{"class":632,"line":678},[1023],{"type":40,"tag":630,"props":1024,"children":1025},{},[1026],{"type":46,"value":1027},"  const MultiBrightnessPreview({required this.name});\n",{"type":40,"tag":630,"props":1029,"children":1030},{"class":632,"line":687},[1031],{"type":40,"tag":630,"props":1032,"children":1033},{"emptyLinePlaceholder":405},[1034],{"type":46,"value":657},{"type":40,"tag":630,"props":1036,"children":1037},{"class":632,"line":762},[1038],{"type":40,"tag":630,"props":1039,"children":1040},{},[1041],{"type":46,"value":1042},"  final String name;\n",{"type":40,"tag":630,"props":1044,"children":1045},{"class":632,"line":771},[1046],{"type":40,"tag":630,"props":1047,"children":1048},{"emptyLinePlaceholder":405},[1049],{"type":46,"value":657},{"type":40,"tag":630,"props":1051,"children":1052},{"class":632,"line":779},[1053],{"type":40,"tag":630,"props":1054,"children":1055},{},[1056],{"type":46,"value":847},{"type":40,"tag":630,"props":1058,"children":1059},{"class":632,"line":788},[1060],{"type":40,"tag":630,"props":1061,"children":1062},{},[1063],{"type":46,"value":1064},"  List\u003CPreview> get previews => const [\n",{"type":40,"tag":630,"props":1066,"children":1067},{"class":632,"line":797},[1068],{"type":40,"tag":630,"props":1069,"children":1070},{},[1071],{"type":46,"value":1072},"        Preview(brightness: Brightness.light),\n",{"type":40,"tag":630,"props":1074,"children":1075},{"class":632,"line":806},[1076],{"type":40,"tag":630,"props":1077,"children":1078},{},[1079],{"type":46,"value":1080},"        Preview(brightness: Brightness.dark),\n",{"type":40,"tag":630,"props":1082,"children":1083},{"class":632,"line":815},[1084],{"type":40,"tag":630,"props":1085,"children":1086},{},[1087],{"type":46,"value":1088},"      ];\n",{"type":40,"tag":630,"props":1090,"children":1091},{"class":632,"line":824},[1092],{"type":40,"tag":630,"props":1093,"children":1094},{"emptyLinePlaceholder":405},[1095],{"type":46,"value":657},{"type":40,"tag":630,"props":1097,"children":1098},{"class":632,"line":833},[1099],{"type":40,"tag":630,"props":1100,"children":1101},{},[1102],{"type":46,"value":847},{"type":40,"tag":630,"props":1104,"children":1105},{"class":632,"line":841},[1106],{"type":40,"tag":630,"props":1107,"children":1108},{},[1109],{"type":46,"value":1110},"  List\u003CPreview> transform() {\n",{"type":40,"tag":630,"props":1112,"children":1113},{"class":632,"line":850},[1114],{"type":40,"tag":630,"props":1115,"children":1116},{},[1117],{"type":46,"value":1118},"    final previews = super.transform();\n",{"type":40,"tag":630,"props":1120,"children":1121},{"class":632,"line":859},[1122],{"type":40,"tag":630,"props":1123,"children":1124},{},[1125],{"type":46,"value":1126},"    return previews.map((preview) {\n",{"type":40,"tag":630,"props":1128,"children":1129},{"class":632,"line":868},[1130],{"type":40,"tag":630,"props":1131,"children":1132},{},[1133],{"type":46,"value":1134},"      final builder = preview.toBuilder()\n",{"type":40,"tag":630,"props":1136,"children":1137},{"class":632,"line":877},[1138],{"type":40,"tag":630,"props":1139,"children":1140},{},[1141],{"type":46,"value":1142},"        ..group = 'Brightness'\n",{"type":40,"tag":630,"props":1144,"children":1145},{"class":632,"line":886},[1146],{"type":40,"tag":630,"props":1147,"children":1148},{},[1149],{"type":46,"value":1150},"        ..name = '$name - ${preview.brightness!.name}';\n",{"type":40,"tag":630,"props":1152,"children":1153},{"class":632,"line":895},[1154],{"type":40,"tag":630,"props":1155,"children":1156},{},[1157],{"type":46,"value":1158},"      return builder.toPreview();\n",{"type":40,"tag":630,"props":1160,"children":1161},{"class":632,"line":904},[1162],{"type":40,"tag":630,"props":1163,"children":1164},{},[1165],{"type":46,"value":1166},"    }).toList();\n",{"type":40,"tag":630,"props":1168,"children":1169},{"class":632,"line":913},[1170],{"type":40,"tag":630,"props":1171,"children":1172},{},[1173],{"type":46,"value":830},{"type":40,"tag":630,"props":1175,"children":1176},{"class":632,"line":921},[1177],{"type":40,"tag":630,"props":1178,"children":1179},{},[1180],{"type":46,"value":693},{"type":40,"tag":630,"props":1182,"children":1183},{"class":632,"line":930},[1184],{"type":40,"tag":630,"props":1185,"children":1186},{"emptyLinePlaceholder":405},[1187],{"type":46,"value":657},{"type":40,"tag":630,"props":1189,"children":1190},{"class":632,"line":938},[1191],{"type":40,"tag":630,"props":1192,"children":1193},{},[1194],{"type":46,"value":1195},"@MultiBrightnessPreview(name: 'Primary Card')\n",{"type":40,"tag":630,"props":1197,"children":1198},{"class":632,"line":946},[1199],{"type":40,"tag":630,"props":1200,"children":1201},{},[1202],{"type":46,"value":1203},"Widget cardPreview() => const Card(child: Padding(padding: EdgeInsets.all(8.0), child: Text('Content')));\n",{"type":40,"tag":1205,"props":1206,"children":1207},"style",{},[1208],{"type":46,"value":1209},"html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"items":1211,"total":930},[1212,1222,1233,1245,1256,1265,1277,1289,1301,1313,1327,1337],{"slug":1213,"name":1213,"fn":1214,"description":1215,"org":1216,"tags":1217,"stars":21,"repoUrl":22,"updatedAt":1221},"dart-add-unit-test","write unit tests for Dart code","Write 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.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[1218,1220],{"name":1219,"slug":623,"type":14},"Dart",{"name":19,"slug":20,"type":14},"2026-07-15T05:22:40.104823",{"slug":1223,"name":1223,"fn":1224,"description":1225,"org":1226,"tags":1227,"stars":21,"repoUrl":22,"updatedAt":1232},"dart-build-cli-app","build Dart command line applications","Entrypoint structure, exit codes, cross-platform scripts. Use when building command line utilities, scripts, or applications.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[1228,1231],{"name":1229,"slug":1230,"type":14},"CLI","cli",{"name":1219,"slug":623,"type":14},"2026-07-15T05:22:18.863572",{"slug":1234,"name":1234,"fn":1235,"description":1236,"org":1237,"tags":1238,"stars":21,"repoUrl":22,"updatedAt":1244},"dart-collect-coverage","collect Dart test coverage reports","Collect coverage using the coverage packge and create an LCOV report",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[1239,1240,1243],{"name":1219,"slug":623,"type":14},{"name":1241,"slug":1242,"type":14},"Reporting","reporting",{"name":19,"slug":20,"type":14},"2026-07-15T05:22:21.38636",{"slug":1246,"name":1246,"fn":1247,"description":1248,"org":1249,"tags":1250,"stars":21,"repoUrl":22,"updatedAt":1255},"dart-fix-runtime-errors","debug and fix Dart runtime errors","Uses get_runtime_errors and lsp to fetch an active stack trace, locate the failing line, apply a fix, and verify resolution via hot_reload.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[1251,1252],{"name":1219,"slug":623,"type":14},{"name":1253,"slug":1254,"type":14},"Debugging","debugging","2026-07-15T05:22:22.622501",{"slug":1257,"name":1257,"fn":1258,"description":1259,"org":1260,"tags":1261,"stars":21,"repoUrl":22,"updatedAt":1264},"dart-generate-test-mocks","generate mock objects for Dart tests","Define 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.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[1262,1263],{"name":1219,"slug":623,"type":14},{"name":19,"slug":20,"type":14},"2026-07-15T05:22:42.607449",{"slug":1266,"name":1266,"fn":1267,"description":1268,"org":1269,"tags":1270,"stars":21,"repoUrl":22,"updatedAt":1276},"dart-migrate-to-checks-package","migrate test matchers to checks package","Replace the usage of `expect` and similar functions from `package:matcher`\nto `package:checks` equivalents.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[1271,1272,1275],{"name":1219,"slug":623,"type":14},{"name":1273,"slug":1274,"type":14},"Migration","migration",{"name":19,"slug":20,"type":14},"2026-07-15T05:22:31.276564",{"slug":1278,"name":1278,"fn":1279,"description":1280,"org":1281,"tags":1282,"stars":21,"repoUrl":22,"updatedAt":1288},"dart-resolve-package-conflicts","resolve Dart package version conflicts","Workflow for fixing package version conflicts. Use this when `pub get` fails due to incompatible package versions.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[1283,1284,1285],{"name":1219,"slug":623,"type":14},{"name":1253,"slug":1254,"type":14},{"name":1286,"slug":1287,"type":14},"Engineering","engineering","2026-07-15T05:22:30.059335",{"slug":1290,"name":1290,"fn":1291,"description":1292,"org":1293,"tags":1294,"stars":21,"repoUrl":22,"updatedAt":1300},"dart-run-static-analysis","run static analysis and apply fixes","Execute `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.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[1295,1298,1299],{"name":1296,"slug":1297,"type":14},"Code Analysis","code-analysis",{"name":1219,"slug":623,"type":14},{"name":1253,"slug":1254,"type":14},"2026-07-15T05:22:23.861119",{"slug":1302,"name":1302,"fn":1303,"description":1304,"org":1305,"tags":1306,"stars":21,"repoUrl":22,"updatedAt":1312},"dart-setup-ffi-assets","package C\u002FC++ assets for Dart","Guides agents in compiling and packaging C\u002FC++ source code into dynamic or static libraries (Code Assets) using Dart's Native Assets hook system (via hook\u002Fbuild.dart and hook\u002Flink.dart utilizing package:hooks and package:native_toolchain_c). Use when a user asks to: 'setup native assets', 'compile C\u002FC++ source code', 'bundle dynamic libraries', 'build native C code', 'link native assets', 'implement build.dart or link.dart hooks', or 'integrate C\u002FC++ interop in Dart\u002FFlutter'. Helps agents avoid manual toolchain orchestration and configures secure hash-validated binary downloads or advanced linker tree-shaking with package:record_use mapping.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[1307,1308,1311],{"name":1219,"slug":623,"type":14},{"name":1309,"slug":1310,"type":14},"Deployment","deployment",{"name":1286,"slug":1287,"type":14},"2026-07-15T05:22:20.138636",{"slug":1314,"name":1314,"fn":1315,"description":1316,"org":1317,"tags":1318,"stars":21,"repoUrl":22,"updatedAt":1326},"dart-skills-lint-setup","configure dart_skills_lint for Dart projects","Use this skill when you need to set up validation for AI agent skills in a Dart project for the first time.\nAdds the linter as a dev_dependency, creates a configuration file, and generates a baseline for legacy repos.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[1319,1320,1323],{"name":1219,"slug":623,"type":14},{"name":1321,"slug":1322,"type":14},"Plugin Development","plugin-development",{"name":1324,"slug":1325,"type":14},"QA","qa","2026-07-15T05:22:47.488998",{"slug":1328,"name":1328,"fn":1329,"description":1330,"org":1331,"tags":1332,"stars":21,"repoUrl":22,"updatedAt":1336},"dart-skills-lint-validation","validate agent skills with dart_skills_lint","Use this skill when you need to validate AI agent skills with dart_skills_lint — running the linter, interpreting failures, fixing violations, and authoring custom rules.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[1333,1334,1335],{"name":1219,"slug":623,"type":14},{"name":1321,"slug":1322,"type":14},{"name":1324,"slug":1325,"type":14},"2026-07-21T05:38:34.451024",{"slug":1338,"name":1338,"fn":1339,"description":1340,"org":1341,"tags":1342,"stars":21,"repoUrl":22,"updatedAt":1345},"dart-use-ffigen","generate FFI bindings with ffigen","Guide 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\u002FObjective-C\u002FSwift integrations, or replacing hand-crafted `dart:ffi` setups.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[1343,1344],{"name":1219,"slug":623,"type":14},{"name":1286,"slug":1287,"type":14},"2026-07-15T05:22:17.592351",{"items":1347,"total":904},[1348,1353,1358,1364,1369,1374,1380],{"slug":1213,"name":1213,"fn":1214,"description":1215,"org":1349,"tags":1350,"stars":21,"repoUrl":22,"updatedAt":1221},{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[1351,1352],{"name":1219,"slug":623,"type":14},{"name":19,"slug":20,"type":14},{"slug":1223,"name":1223,"fn":1224,"description":1225,"org":1354,"tags":1355,"stars":21,"repoUrl":22,"updatedAt":1232},{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[1356,1357],{"name":1229,"slug":1230,"type":14},{"name":1219,"slug":623,"type":14},{"slug":1234,"name":1234,"fn":1235,"description":1236,"org":1359,"tags":1360,"stars":21,"repoUrl":22,"updatedAt":1244},{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[1361,1362,1363],{"name":1219,"slug":623,"type":14},{"name":1241,"slug":1242,"type":14},{"name":19,"slug":20,"type":14},{"slug":1246,"name":1246,"fn":1247,"description":1248,"org":1365,"tags":1366,"stars":21,"repoUrl":22,"updatedAt":1255},{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[1367,1368],{"name":1219,"slug":623,"type":14},{"name":1253,"slug":1254,"type":14},{"slug":1257,"name":1257,"fn":1258,"description":1259,"org":1370,"tags":1371,"stars":21,"repoUrl":22,"updatedAt":1264},{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[1372,1373],{"name":1219,"slug":623,"type":14},{"name":19,"slug":20,"type":14},{"slug":1266,"name":1266,"fn":1267,"description":1268,"org":1375,"tags":1376,"stars":21,"repoUrl":22,"updatedAt":1276},{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[1377,1378,1379],{"name":1219,"slug":623,"type":14},{"name":1273,"slug":1274,"type":14},{"name":19,"slug":20,"type":14},{"slug":1278,"name":1278,"fn":1279,"description":1280,"org":1381,"tags":1382,"stars":21,"repoUrl":22,"updatedAt":1288},{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[1383,1384,1385],{"name":1219,"slug":623,"type":14},{"name":1253,"slug":1254,"type":14},{"name":1286,"slug":1287,"type":14}]