Skills
.Work. You
Rest

create-common-widget-from-renderer

Community

Publicize plugin UI as reusable widgets.

Software Engineering#UI#migration#Flutter#plugin#widget#dataRenderer
Authorhunmer
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill encapsulates the dataRenderer UI logic from a plugin and converts it into a reusable public widget, enabling cross-plugin reuse and reducing duplication.

Core Features & Use Cases

  • Extract dataRenderer UI into a standalone component file.
  • Register the new component in common_widgets.dart for discovery and reuse.
  • Provide a data provider function (_provideCommonWidgets) to supply up-to-date data to the widget.
  • Remove the old built-in renderer to standardize UI across plugins.
  • Use case: A plugin author wants to make a custom UI available to other plugins without duplicating code.

Quick Start

  • Create a new widget file under lib/screens/widgets_gallery/common_widgets/widgets/ named after the widget.
  • Register the widget in lib/screens/widgets_gallery/common_widgets/common_widgets.dart with a corresponding CommonWidgetId and metadata.
  • Implement fromProps factory constructor for the widget.
  • Update the plugin's home_widgets.dart to remove dataRenderer and use commonWidgetsProvider.
  • Test rendering in both medium and large sizes and ensure navigation still works.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: create-common-widget-from-renderer
Download link: https://github.com/hunmer/Memento/archive/main.zip#create-common-widget-from-renderer

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.