flutter-add-widget-preview
Add Flutter Widget Previews
Flutter widgets can be difficult to inspect without launching the full application. This skill adds isolated previews with appropriate annotations, configurations, and workflows.
Installer avec mon Agent
Copiez cette demande dans votre Agent. Elle contient la page Skill de référence et le manifeste.
Review the Skillstore skill "flutter-add-widget-preview" from https://skillstore.io/skills/flutter-flutter-add-widget-preview.md and its manifest at https://skillstore.io/api/skills/flutter-flutter-add-widget-preview/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.Votre Agent doit toujours présenter son plan et demander toute confirmation exigée par la politique de sécurité.
Ressources lisibles par les agents
Utilisez ces liens lorsqu’un Agent IA, un crawler ou un script a besoin d’un contexte propre au lieu de lire toute la page.
Tester
Utilisation de « flutter-add-widget-preview ». Add a preview for the profile summary card in light and dark modes.
Résultat attendu:
The profile summary card gains two grouped previews with descriptive names and theme-specific brightness settings. Existing widget behavior remains unchanged.
Utilisation de « flutter-add-widget-preview ». Create reusable previews for buttons that need the application theme.
Résultat attendu:
- A custom preview annotation applies the shared application theme.
- Button previews use consistent grouping and names.
- Validation steps cover IDE discovery and preview refresh behavior.
Utilisation de « flutter-add-widget-preview ». Prepare a responsive preview set for the product tile.
Résultat attendu:
A MultiPreview configuration presents compact and wide product tile variants with explicit constraints and consistent labels.
Audit de sécurité
SûrAll 20 static findings are false positives caused by Markdown backticks, fenced Dart examples, ordinary project inspection guidance, or a fixed Flutter CLI command. No command injection, system reconnaissance, prompt injection, or malicious intent was found.
Facteurs de risque
Partager et citer ce rapport
Partagez le rapport d’évaluation versionné, le badge neutre, la carte intégrable et les citations. Skillstore présente les preuves sans décider si ce Skill est sûr.
Copier le lien du rapport
https://skillstore.io/skills/flutter-flutter-add-widget-preview/audits/1?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportBadge Markdown
[](https://skillstore.io/skills/flutter-flutter-add-widget-preview?utm_source=security_passport_badge)Badge HTML
<a href="https://skillstore.io/skills/flutter-flutter-add-widget-preview?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/flutter-flutter-add-widget-preview/security.svg" alt="Skillstore security assessment" loading="lazy"></a>Carte intégrable
<iframe src="https://skillstore.io/embed/skills/flutter-flutter-add-widget-preview.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>Citations académiques (APA · BibTeX · CFF)
Citation APA
flutter. (2026). flutter-add-widget-preview security audit report (audit version 1) [Author version unspecified]. Skillstore. https://skillstore.io/skills/flutter-flutter-add-widget-preview/audits/1Citation BibTeX
@techreport{flutter-flutter-flutter-add-widget-preview-2026,
author = {flutter},
title = {flutter-add-widget-preview security audit report (audit version 1)},
institution = {Skillstore},
year = {2026},
number = {1},
url = {https://skillstore.io/skills/flutter-flutter-add-widget-preview/audits/1},
note = {Author version unspecified}
}CITATION.cff
cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "flutter-add-widget-preview security audit report (audit version 1)"
version: "unspecified"
type: report
authors:
- name: "flutter"
date-released: "2026-09-08"
url: "https://skillstore.io/skills/flutter-flutter-add-widget-preview/audits/1"
identifiers:
- type: other
value: "skillstore:flutter-flutter-add-widget-preview:audit:1"
description: "Skillstore immutable audit report identifier"
Score Skillstore
Pourquoi ce score Niveau de confiance des preuves: MoyenCe que vous pouvez créer
Preview a New Component
Add an isolated preview for a new widget with a useful name, group, and size.
Review Design Variants
Generate light, dark, and constrained previews for consistent visual review.
Standardize Package Previews
Create reusable preview annotations that apply shared themes and wrappers across a component library.
Essayez ces prompts
Add a Flutter widget preview for [widget name]. Use a clear preview name and group, then explain the changes.
Add previews for [widget name] in light and dark modes. Include suitable sizes and preserve existing behavior.
Create a reusable Preview annotation for widgets in [feature]. Apply the shared theme, wrapper, naming, and grouping requirements.
Build a MultiPreview setup for [widgets] across [configurations]. Handle web preview limitations, minimize duplication, and provide validation steps.
Bonnes pratiques
- Use descriptive preview names and groups so related components remain easy to find.
- Set explicit sizes for widgets that do not receive reliable constraints.
- Extract repeated themes, wrappers, and configurations into reusable preview annotations.
Éviter
- Do not call native APIs from widgets rendered in the web-based preview environment.
- Do not use private or nonconstant callbacks in preview annotations.
- Do not treat successful preview rendering as complete application testing.