约束：

1、只输出 Objective‑C UIKit代码，禁止Swift；

2、ARC内存管理；最低iOS15+；

3、使用纯代码创建UI，不用Storyboard/Xib；

4、采用AutoLayout自动布局适配各种手机屏幕；

5、所有色值、尺寸严格按照下面蓝湖标注；

6、图片名称和Assets资源名称完全一致；

7、代码添加详细中文注释；

8、输出完整 .h 和 .m 文件；

9、最后列出：需要导入框架、图片资源清单、运行注意事项。

====蓝湖UI标注数据====

页面：冥想首页

背景色：#F6F8FA

1、标题UILabel

    frame X:20 Y:80 width:335 height:40

    文字：正念冥想

    字体：系统粗体 28号，颜色#222222

2、开始按钮 UIButton

    X:20 Y:400 width:335 height:56

    背景色:#4A80F0，圆角28，文字"开始冥想"白色18号

    图片资源:btn_start

====额外交互需求====

点击【开始冥想】按钮打印日志。

四、Cursor 编辑器本地开发工作流（最推荐）

1. Cursor 打开你的 Xcode iOS 项目文件夹
2. 找到ViewController.m文件打开
3. 侧边 AI 输入提示词（上面模板），并且上传 UI 截图
4. AI 直接在文件内生成全部 UI 代码，无需复制粘贴
5. 生成完成，打开 Xcode 编译预览，微调位置

Cursor 专用精简提示（选中 ViewController.m 直接发）

只用Objective‑C、UIKit纯代码、AutoLayout，不要xib/storyboard。 基于截图生成冥想首页界面。

蓝湖标注：背景色#F6F8FA，标题文字正念冥想，底部蓝色圆角开始按钮。 图片资源名称：btn_start。 按钮点击添加点击事件。

只用Objective‑C、UIKit纯代码、AutoLayout，不要xib/storyboard。

基于截图生成冥想首页界面。

蓝湖标注：背景色#F6F8FA，标题文字正念冥想，底部蓝色圆角开始按钮。

图片资源名称：btn_start。

按钮点击添加点击事件。

五、生成完 OC‑UI 代码，常见微调坑点

1. 坐标偏差：AI 看图估算位置有误差，以蓝湖标注数值为准，手动修改 frame / 约束数值
2. 图片找不到：图片名称大小写、下划线必须和 Assets 完全一致，OC 图片名区分大小写
3. 布局适配问题：优先 AutoLayout，不要全部写死 Frame；小屏幕 320pt 页面会错位
4. 颜色偏差：蓝湖 #十六进制颜色，OC 转 UIColor 工具代码

-(UIColor *)colorWithHexString:(NSString *)hex{

    unsigned int color;

    NSScanner *scanner = [NSScanner scannerWithString:hex];

    [scanner setCharactersToBeSkipped:[NSCharacterSet characterSetWithCharactersInString:@"#"]];

    [scanner scanHexInt:&color];

    return [UIColor colorWithRed:((color>>16)&0xff)/255.0 green:((color>>8)&0xff)/255.0 blue:(color&0xff)/255.0 alpha:1.0];

}

六、进阶：生成完 UI 之后，对接 Flutter‑MethodChannel

你可以追加一段提示词，在当前 UI 页面添加通道，点击按钮把数据回传给 Flutter：

在当前ViewController.m，添加Flutter MethodChannel，通道名 com.meditation/page,

点击开始冥想按钮，发送回调通知给Flutter。