flutter-add-widget-preview Skill
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. Published by flutter in agent-plugins.
What is flutter-add-widget-preview Skill?
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. Published by flutter in agent-plugins. This profile combines repository metadata with install, compatibility, and usage signals so developers can quickly decide whether it fits their agent workflow before opening the source repository.
Automated repository signals based on public metadata such as recency, license, installation evidence, and adoption. These are not a security audit or endorsement.
Key capabilities
- Includes SKILL.md support
- Reusable instructions support
- Testing
- Design and media
- Testing use cases
- Design and media use cases
Technical details
- Install or run with Copy skill directory
When to use flutter-add-widget-preview Skill
- Use it for testing.
- Use it for design and media.
Built with
Editorial notes
Source
- Creator: flutter
- Repository: flutter/agent-plugins
- Skill file: skills/flutter-add-widget-preview/SKILL.md
What it does
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.
Skill instructions
Previewing Flutter Widgets Contents - Preview Guidelines - Handling Limitations - Workflows - Examples Preview Guidelines Use the Flutter Widget Previewer to render widgets in real-time, isolated from the full application context. - Target Elements: Apply the @Preview annotation to top-level functions, static methods within a class, or public widget constructors/factories that have no required arguments and return a Widget or WidgetBuilder. - Imports: Always import package:flutter/widgetpreviews.dart to access the preview annotations. - Custom Annotations: Extend the Preview class to create custom annotations that inject common properties (e.g., themes, wrappers) across multiple widgets. - Multiple Configurations: Apply multiple @Preview annotations to a single target to generate multiple preview instances. Alternatively, extend MultiPreview to encapsulate common multi-preview configurations. - Runtime Transformations: Override the transform() method in custom Preview or MultiPreview c
Explore related resources
Frequently asked questions
What is flutter-add-widget-preview?
flutter-add-widget-preview is a open-source AI agent skill with Copy skill directory. Adds interactive widget previews to the project using the previews.dart system.
Who is flutter-add-widget-preview best for?
flutter-add-widget-preview is best for reusing agent instructions, scripts, and references, testing workflows, design and media workflows.
How do I install flutter-add-widget-preview?
Install or run flutter-add-widget-preview using Copy skill directory. Check flutter-add-widget-preview for the latest setup command.
Is flutter-add-widget-preview actively maintained?
flutter-add-widget-preview may need a closer maintenance check before production use.
Auto-fetched from GitHub.
