跳过主要内容
Open Skills
flutter-add-widget-previewby FlutterOfficialDevelopmentGitHub stars: 3k

Flutter Add Widget Preview skill: what it does and how to install it

Adds interactive previews to Flutter widgets using the Widget Previewer, with annotations, configurations, themes and a repeatable feedback loop.

Summary generated from the skill's documentation.

Install

$ npx skills add flutter/agent-plugins --skill flutter-add-widget-preview

Run it in a terminal. If your agent is already running, start a new session so it picks the skill up.

About this skill

What it does. Adds @Preview annotations to valid Flutter widget targets, configures names, groups, sizes and themes, and supports custom Preview or MultiPreview classes for shared settings. It explains how to launch previews in supported IDEs or with flutter widget-preview start, then iterate with hot restart and console feedback.

When to use it. For creating or updating Flutter UI components that need isolated, interactive rendering. The previewer does not support widgets dependent on native APIs, dart:io or dart:ffi, so conditional mocks, package asset paths and explicit sizing may be needed.

History

Repo stars

3kAbout +2.8k since 16 Jul 2026

Before 1 Oct 2026 the curve is estimated from public event data.

Stars are counted for the whole repository, which holds 25 skills.

Show as a table
Repo stars by day
DateRepo stars
1 Oct 20263,016
24 Sept 2026 (estimated)2,828
17 Sept 2026 (estimated)2,262
10 Sept 2026 (estimated)1,131
3 Sept 2026 (estimated)189
27 Aug 2026 (estimated)189
20 Aug 2026 (estimated)189
13 Aug 2026 (estimated)189
6 Aug 2026 (estimated)189
30 Jul 2026 (estimated)189
23 Jul 2026 (estimated)189
16 Jul 2026 (estimated)189

Installs

32.9k

Tracking since . A chart appears once there are 7 days of data.

Installs via skills.sh

Similar skills