메뉴
使用 FlutterKit 设计系统、TDesign Flutter、Widget 与动画扩展实现或重构页面和组件，覆盖主题语义、响应式布局、安全区、深浅色和预览。用户要求编写 UI、修改布局、统一样式、实现组件或适配多尺寸屏幕时使用。
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 页面和组件新增、修复或审查 Widget Preview，覆盖响应式设备注解、Logic 注入、静态 Preview Data、网络状态和深浅色检查。用户提到预览、Widget Preview、页面预览、组件预览或全量补预览时使用。
| name | fkit-ui |
| description | 使用 FlutterKit 设计系统、TDesign Flutter、Widget 与动画扩展实现或重构页面和组件，覆盖主题语义、响应式布局、安全区、深浅色和预览。用户要求编写 UI、修改布局、统一样式、实现组件或适配多尺寸屏幕时使用。 |
先阅读 AGENTS.md，再依次读取：
lib/core/design_system/README.mdlib/core/design_system/extensions/extensions.dartdocs/tdesign-flutter/README.md 与目标组件页面docs/flutter-kit/框架核心/design-system.mddocs/flutter-kit/框架核心/widget-extensions.md按需读取 docs/flutter-kit/框架核心/theme.md、docs/flutter-kit/框架核心/dark-mode.md、docs/flutter-kit/框架核心/animated-extensions.md，以及 docs/flutter-kit/扩展/ 下的屏幕适配、安全区与预览专题。检查扩展方法时打开 lib/core/design_system/extensions/widget/ 或 lib/core/design_system/extensions/animated/ 中的真实声明，不猜签名。
TD* 组件。AppTheme、语义尺寸、Shape、Shadow、Space 和现有扩展实现布局。Obx 缩到实际读取 Rx 的最小区域，保持静态布局不重复重建。EdgeInsets。运行相关 Widget/Preview 测试并检查无 overflow。至少验证浅色、深色和任务涉及的关键尺寸；涉及主导航时验证手机横竖屏状态一致性。执行相关分析与 git diff --check。