LogoAwesome Skills
  • Search
  • Category
  • Tag
  • Blog
LogoAwesome Skills
LogoAwesome Skills

Discover Open-Source Agent Skills for AI Coding Assistants

Product

  • Search
  • Category
  • Tag
  • Blog

Resources

  • Claude Skill Docs
  • Antigravity Skills Docs

Tools

  • Claude Code
  • OpenCode
  • Cursor
  • Codex
  • Antigravity

Company

  • Privacy Policy
  • Terms of Service
  • Sitemap

©2026 Awesome Skills. All rights reserved.

Privacy PolicyTerms
Back to Skills

flutter-add-widget-preview

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.

1,448stars83forksUpdated 5/8/2026
Productivity & Workflow#add#productivity#preview#flutter#design#widget

Security Assessment

Safe(100/100)
Security Score100/100

About flutter-add-widget-preview

flutter-add-widget-preview is a reusable AI skill focused on a specific workflow. name: flutter-add-widget-preview

The skill packages instructions, conventions, and task-specific guidance so an agent can execute the job more consistently. description: 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. model: models/gemini-3.1-pro-preview last_modified: Tue, 21 Apr 2026 20:05:23 GMT

In practice, this skill is best suited for users who need repeatable execution with fewer setup steps and less ambiguity. - [Preview Guidelines](#preview-guidelines) - [Handling Limitations](#handling-limitations) - [Workflows](#workflows) - [Examples](#examples)

FAQ

What does flutter-add-widget-preview help with?

flutter-add-widget-preview helps agents follow a focused workflow described in the source documentation, reducing ambiguity and keeping execution aligned with the intended task.

When should this skill be used?

Use it when the task matches the workflow, domain, or operating rules described in the skill documentation, especially when consistent execution matters.

What are the main limitations?

The skill is constrained by the quality and scope of its source instructions. If the underlying documentation is incomplete, the agent may still need extra context or manual validation.

Install flutter-add-widget-preview

Download and extract the skill files to your .claude/skills/ directory.

Quick Setup:

  1. Copy the skill folder to .claude/skills/
  2. Claude will automatically detect and use the skill

Repository

flutter/skills

Related Skills

import-on-interaction

256

radon-mcp

296

investigating-incidents-with-aws-devops-agent

2,945

mantis-structural-index

2,518