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.
使用我的智慧代理安裝
將此請求複製給你的智慧代理，其中包含權威 Skill 頁面和清單。
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.你的智慧代理仍應顯示其計畫，並依安全政策請求必要確認。
Agent 可讀資源
當 AI Agent、爬蟲或腳本需要乾淨脈絡、而不是讀取完整頁面時，請使用這些連結。
測試它
正在使用「flutter-add-widget-preview」。 Add a preview for the profile summary card in light and dark modes.
預期結果:
The profile summary card gains two grouped previews with descriptive names and theme-specific brightness settings. Existing widget behavior remains unchanged.
正在使用「flutter-add-widget-preview」。 Create reusable previews for buttons that need the application theme.
預期結果:
- 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.
正在使用「flutter-add-widget-preview」。 Prepare a responsive preview set for the product tile.
預期結果:
A MultiPreview configuration presents compact and wide product tile variants with explicit constraints and consistent labels.
安全審計
安全All 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.
風險因素
分享與引用此報告
分享版本化評估報告、中性徽章、嵌入卡片與引用。Skillstore 只報告證據，不判斷該 Skill 是否安全。
複製報告連結
https://skillstore.io/skills/flutter-flutter-add-widget-preview/audits/1?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportMarkdown 徽章
[](https://skillstore.io/skills/flutter-flutter-add-widget-preview?utm_source=security_passport_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>嵌入卡片
<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>學術引用 (APA · BibTeX · CFF)
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/1BibTeX 引用
@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"
Skillstore 評分
評分依據 證據置信度: 中你可以打造什麼
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.
試試這些提示
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.
最佳實務
- 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.
避免
- 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.