Agent Skills
返回列表
页面需求解析器

页面需求解析器

内容创作 更新于 2026.08.30

将以下提示词粘贴到你的 AI 对话框中:

请根据 https://skillhub.cn/install/skillhub.md,安装 @user_40f6eb18/test0529。

技能介绍

为什么需要结构化的页面描述?

在前后端分离架构中,前端页面的底层逻辑——表格列、查询参数、表单字段、操作按钮——通常散落在产品策划文档、截图甚至口头沟通里。这种非结构化的需求描述无法直接被代码生成工具消费。工程师在编写列表页时,往往需要手动拆解需求、推断 valueType,这不仅耗时,还容易因理解偏差导致返工。test02 技能试图在策划与代码生成之间建立一座标准化的桥梁。

核心解析能力与步骤

该技能的核心工作流分为解析与补全两步。首先,自动识别策划内容是列表页、详情页还是表单页。其次,从文字或截图中提取表格列和弹窗字段。对于未提供接口文档的场景,技能会根据中文标题推断 camelCase 字段名,并在备注列明确标注“字段名推断”。最后,提取工具栏按钮和行操作,尝试关联 YApi 接口文档。

适用边界与工程建议

使用该技能时,请务必注意其严格的非推断原则。严禁编造策划文档中未提及的列或枚举选项,搜索可见性默认关闭,必填项若未标注则留空。此外,输出的 Spec 格式以后续工作流技能为准。生成的文档会保留大量如“待确认”的标注,这些是团队对齐细节的关键依据,切勿跳过确认环节直接生成代码。

使用场景

  • 拿到产品经理的口头需求后,将其整理成符合前端代码生成规范的页面描述文档。
  • 面对只有截图和简单文字说明的策划案,提取表格列和弹窗字段并生成结构化 Markdown。
  • 在编写低代码生成脚本前,将业务方提供的接口文档和页面原型转换为标准化的 Spec 文件。

适合人员

  • 前端工程师:需要将非结构化的产品需求转化为标准化 Spec 文件以便后续自动化生成代码。
  • 全栈开发者:在没有详细 PRD 的情况下,依赖 Spec 文档与后端接口对齐数据结构。
  • AI 应用构建者:寻找可靠的 Skill 将策划内容转换为结构化上下文,供下游代码模型消费。