用途:输入一个可访问的参考网站 URL 和自然语言修改说明,生成全新的 Nuxt 3 落地页,页面全部使用 @rds-vue-ui/* 组件,参考页仅作视觉参考,不复制其源码。
主要能力:用 Playwright MCP 抓取参考页(导航、截图、无障碍树、滚动加载内容),解析出各区块清单(导航、Hero、特性、卡片、评价、统计、视频、视差、CTA、表单、FAQ、页脚等),再按用户意图做内容替换、品牌改色、增删区块、调整顺序与布局、修改 CTA、改变语气等,最后映射到 RDS 组件并生成页面。
输出:pages/<page-name>.vue、assets/content/<page-name>.json,以及参考页与成品页截图。
使用方式:需先连接 Playwright MCP(@playwright/mcp@latest),并确保 rds-component-mapper 技能可用;项目须为基于 rds-lp-factory 模板的 Nuxt 3 项目。流程为抓取参考页、分析结构、应用修改、映射组件、编写 JSON 与页面、视觉校验。组件自动导入,内容由 JSON 驱动,布局用 Bootstrap 5 栅格,样式用 SCSS 与 RDS 主题变量。
限制:参考页须公开可访问,登录或鉴权页面需用户提供凭据或替代地址;动态交互元素只能转为最接近的静态 RDS 组件;无匹配组件时用 SectionApollo 或 SectionContainerAtlas 包装;无开发服务器时改为代码级校验。具体组件清单、收费与平台支持等细节以官方资料为准,暂未提供。