Skills
.Work. You
Rest

add-widget-from-prototype

Community

Turn prototypes into ready Flutter widgets.

Software Engineering#routing#prototype#widget#flutter#generate#code-generation
Authorhunmer
Version1.0.0
Installs0

System Documentation

What problem does it solve?

从 code_snippet 原型中的设计自动生成可预览的 Flutter 小组件，自动分析 HTML/设计信息，生成组件代码、示例页面并优先接入路由和组件展示列表，降低从原型到可交付组件的时间成本。

Core Features & Use Cases

  • 原型分析与组件生成：读取原型中的 HTML 设计，提取布局、颜色与文本信息并生成可编译的 Dart 小组件以及对应的示例页面。
  • 路由注册与入口更新：自动注册路由并将组件入口添加到组件画廊，方便快速访问与演示。
  • 快速迭代与兼容性：支持多种原型结构，便于设计到实现的快速迭代与版本回退。

Quick Start

在项目根目录执行 /add-widget-from-prototype <prototype-path>，示例：/add-widget-from-prototype code_snippet/card_widgets/widget3

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: add-widget-from-prototype
Download link: https://github.com/hunmer/Memento/archive/main.zip#add-widget-from-prototype

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.