원클릭으로
fkit-preview
为 FlutterKit 页面和组件新增、修复或审查 Widget Preview,覆盖响应式设备注解、Logic 注入、静态 Preview Data、网络状态和深浅色检查。用户提到预览、Widget Preview、页面预览、组件预览或全量补预览时使用。
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
메뉴
为 FlutterKit 页面和组件新增、修复或审查 Widget Preview,覆盖响应式设备注解、Logic 注入、静态 Preview Data、网络状态和深浅色检查。用户提到预览、Widget Preview、页面预览、组件预览或全量补预览时使用。
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
审查 FlutterKit 项目或指定模块的架构边界、命名、注释、TDesign 与设计系统使用、预览、测试、生成文件和多端配置。用户要求全盘扫描、代码审查、架构检查、注释检查、预览完整性检查或质量报告时使用。
实现和维护 FlutterKit 数据访问链路,覆盖实体、请求、响应、Repository、网络、数据库、本地存储、RequestHelper、分页与全局 Service。用户要求接入接口、持久化数据、创建模型、处理请求结果或实现网络列表时使用。
创建、修改和重构 FlutterKit 业务模块与页面,覆盖基础父类选择、View、Logic、State、Binding、按需目录、国际化、路由接入和预览。用户要求新增 Feature、页面、模块目录、页面模板或调整页面分层时使用。
管理 FlutterKit 多端运行时资源、应用图标、原生启动页、Android/iOS/Web/桌面端配置和发布构建。用户要求生成图标、启动页、FlutterGen 资源、同步原生底座、排查原生缓存或执行多端打包时使用。
配置和维护 FlutterKit 模块化导航,覆盖 Routes、Pages、Navigator、Binding、Params、Result、Guard 与跨模块跳转。用户要求新增路由、页面跳转、传参、结果回传、登录拦截或修复导航状态时使用。
将 FlutterKit 脚手架初始化为新的应用项目,统一修改应用显示名称、Dart 包名、Android Application ID、Apple Bundle ID、Linux/Windows 标识、Web 名称、运行时品牌文案、Logo、桌面图标和启动页。用户拉取模板后要求改名、改包名、替换品牌资源或完成首次项目配置时使用。
| name | fkit-preview |
| description | 为 FlutterKit 页面和组件新增、修复或审查 Widget Preview,覆盖响应式设备注解、Logic 注入、静态 Preview Data、网络状态和深浅色检查。用户提到预览、Widget Preview、页面预览、组件预览或全量补预览时使用。 |
先阅读 AGENTS.md、docs/flutter-kit/扩展/widget-preview.md、docs/flutter-kit/业务功能/view.md,再检查:
lib/core/ui/preview/app_preview_annotations.dartlib/core/ui/preview/app_preview.darttest/core/ui/preview/feature_preview_test.dart@ResponsivePreview(),组件使用 @WidgetPreview();只在明确需要单设备时使用 Mobile、Tablet 或 Foldable 注解。previewXxx 函数放在当前 View/Widget 文件末尾,保持右侧预览聚焦当前文件。onTap。运行 test/core/ui/preview/feature_preview_test.dart 与相关 Widget 测试。确认预览可独立构建、没有 overflow、没有 GetX 注册缺失,也没有真实外部请求。