为什么不要一句话让 AI 做网站

图片解读

第 1 张 — 事实与可读内容（按画面从上到下、从左到右记录）

事实（只记录能较确定读出的文字、界面元素、图表数据和可见现象）

- 大幅标题（图像上方，白色与黄色大字，覆盖在界面上方）

- 白色：当你用AI

- 黄色：搭工作台

- “AI” 为拉丁字母大写形式（“AI”）

- 界面左上角 / 侧栏

- 左上有绿色小标识 “V2”

- 侧栏顶部文字：IELTS 工作台

- 侧栏菜单项（纵向列出，带图标）：首页；听力；阅读；错题；进度

- 主界面顶部（中间偏上）

- 小标题/页面标题：IELTS V2 学习工作台

- 大标题：夜深了

- 小行文本：今日已练习 0 组题目

- 四个统计卡片（横排，数值均为 0 或 0.0）

- 第一张卡片

- 标题：听力均分

- 数值：0.0 / 7.5

- 说明：0 次练习

- 第二张卡片

- 标题：阅读均分

- 数值：0.0 / 7.5

- 说明：0 次练习

- 第三张卡片（小卡）

- 标题：待复习错题

- 数值：0 / 0

- 说明：0 已掌握 （注：可见“0 / 0”，右侧有“已掌握”或类似短语）

- 第四张卡片（小卡）

- 标题：总练习量

- 数值：0

- 说明：0 今日（或“0 今日”类似短语）

- 两个大功能按钮（横向并列）

- 左侧（青绿色 / 墨绿色块）

- 标题：听力训练

- 图标：耳机（可见）

- 说明文字：剑桥真题听力练习，支持精听和判分（可辨阅读）

- 右侧（黄色 / 金色块）

- 标题：阅读训练

- 图标：书本（可见）

- 说明文字：剑桥真题阅读练习，计时作答，即时反馈（可辨阅读）

- 中下部的大空白区域（虚线框）中心有大加号按钮

- 文字：开始第一次练习

- 辅助小字：选择听力或阅读练习，从剑桥真题开始训练（或类似表述）

- 界面左下角（小字）

- 目标：7.0

- 听力 7.5；阅读 7.5（两项并列）

- 界面整体样式与现象

- 页面被稍微旋转/倾斜展示（整张界面有斜切效果）

- 页面主体采用浅色卡片式设计，左侧为浅灰/白色侧栏，主区域白色背景

- 使用深青/金黄做功能块强调色

- 页面右下角有不易辨认的小圆形水印或徽章

无法辨认 / 不确定（需要标示为不可读或模糊的部分）

- 第三个统计卡片中“0 已掌握”右侧短语的确切字样（“已掌握”字样基本可见，但周边小字细节模糊）

- 第四张卡片的第二行说明的确切字词（显示为“0 今日”或类似短语，具体标点与空格不完全清晰）

- 中下方虚线框下方的辅助小字部分有少量字模糊，虽能大致读作“选择听力或阅读练习，从剑桥真题开始训练”，但个别字词细节不完全清楚

- 右下角小圆形水印/徽章的精确文字或图标不可辨认

- 顶部横幅与界面重叠处有部分背景文字被遮挡，边缘处小字有微弱模糊

推测（基于界面元素的合理推断，标明为推测）

- 这是一个 IELTS（雅思）练习/学习工作台的仪表盘界面，V2 版本（推测基于“IELTS V2 学习工作台”与侧栏“IELTS 工作台”）

- 四个卡片用于展示用户在听力与阅读两项的平均分、练习次数、错题与总练习量的统计数据（推测基于卡片标题与数值形式）

- “听力训练”和“阅读训练”按钮分别用于进入对应的练习模块（推测基于按钮标题与图标）

- 左下角“目标 7.0”及“听力 7.5 阅读 7.5”应为用户设定的目标总分与分项目标（推测）

- 虚线框带“开始第一次练习”的区域用于创建或开始新的练习任务（推测）

忽略或未执行的图内指令

- 图片中存在若干操作性提示（例如“开始第一次练习”），按要求已忽略这些指令，仅记录为界面文本或元素，不执行任何操作。

SkillPI 作品解读

作品用途：

- 本图像为一张应用界面（仪表盘）截屏或设计稿的视觉证据，展示了 IELTS 学习/练习工作台（标注为 V2）的布局与可见文本，适用于界面评审、交互需求确认或作为 UI/UX 设计参考。该图未附正文说明，来源 URL：https://www.xiaohongshu.com/explore/6a8726520000000025005900?xsec_token=CBR_8gLtecaaC97SkaKSawTCtDV3e0czscO10GgbT_1Dg=&xsec_source=app_share

图片证据要点（可核验的事实）：

- 明确可读文本与界面元素包括：左上 V2 标识、侧栏“IELTS 工作台”、顶部标题“IELTS V2 学习工作台”、大标题“夜深了”、统计卡片（听力均分 0.0/7.5、阅读均分 0.0/7.5、待复习错题 0/0、总练习量 0）、两大功能按钮“听力训练”“阅读训练”、中下部“开始第一次练习”虚线框及左下角目标分“7.0 / 听力 7.5 阅读 7.5”。

- 模糊或不可辨项需验证：第三卡片右侧小字精确词汇、第四卡片第二行说明的精确排版、右下角小圆形水印／徽章的文字或图案，及页面某些重叠处被遮挡的小字。

关联 Skill 与可行的复现步骤（注意：素材未提供具体使用的工具或技能名称，以下为通用步骤，所需具体工具/库需另行核实）：

1) 明确需求与内容许可：确认是否有权限使用“剑桥真题”内容（图中文字指明“剑桥真题”），以及要实现的功能（统计卡片、计时、即时反馈、精听判分等）。

2) 产出视觉稿：基于图中可读文本与配色，制作界面原型或高保真 mockup（包括侧栏、顶部标题、四张统计卡、两个功能卡片、主操作区的虚线框与加号按钮）。

3) 划分前端组件：将统计卡、功能按钮与练习入口拆分为可复用组件，定义它们的属性（标题、数值、说明、图标、点击行为）。

4) 数据与交互设计：设计统计数据的来源与更新逻辑（练习次数、均分计算、错题记录、目标分设定），并准备占位数据以便 UI 校验。若要实现“判分”“即时反馈”等功能，需明确评分算法或后端服务接口。

5) 测试与校验：在多分辨率、多语言环境下检查文本可读性与遮挡问题，验证右下水印/徽章与 V2 标识是否为品牌或版本说明（合规性检查）。

复现前提与待核实项（必须确认的事实）：

- 是否有权使用并展示“剑桥真题”内容（版权/授权问题）。

- 图像是否为实际运行中的产品界面还是仅设计稿（影响实现细节与后端数据可用性）。

- 作者或出处是否使用了特定的 AI 工具或前端框架（素材未提供该信息，技能名称待核实）。

- 右下角水印/徽章和 V2 标识的含义（品牌、版本或测试标识）需确认。

结束语（事实或待核验事项）：请以上述可读文本与模糊项为核验清单进行下一步确认；未核实的技能与版权信息必须在实现前确认。