quietview

美团营销活动会场UI设计规范 v2（rem单位版，面向代码生成）。当用户需要生成、开发、评审营销活动会场页面、营销组件（如券组件、商卡、按钮、Tab导航、底部导航等）的代码或UI稿时，必须严格遵循此规范。适用场景包括：(1) 生成营销活动会场页面代码，(2) 开发单个营销UI组件，(3) 评审或修复营销页面的视觉/布局问题，(4) 实现综合大促、日常活动、品牌活动等营销场域的界面。与旧版（meituan-ui-spec）的区别：本版使用rem单位、包含美团新数字字体文件、有精确CSS数值约束、禁止Emoji，适合直接生成可运行代码；旧版使用px/pt描述，适合设计决策参考。

美团营销活动会场UI规范。根据活动意图（签到/下单/助力/浏览等）自动生成符合美团营销视觉体系的C端活动组件HTML代码，照搬高达素材库真实组件样式。触发词：生成签到组件、生成活动页面、营销会场组件、签到日历、进度条任务、任务列表、邀请助力、活动H5、消费得免单、签到领红包、做任务得奖励、营销活动UI、活动C端组件、玩法组件生成。凡涉及美团营销活动/玩法组件的UI代码生成需求，均应激活此Skill而非通用前端Skill。

热点选题生成器。给定行业/场景，自动抓取小红书热点内容并生成选题建议，输出 HTML 可视化 + Markdown 选题卡。适用于运营制定内容主题、会场策划、选题发散等场景。触发条件：用户说"帮我找XXX的热点/选题/内容方向"、"我想做XXX内容会场"、"帮我分析XXX行业的热点"、"生成选题"、"内容选题"、"热点洞察"等。核心输入：会场目标（商业化/内容型，唯一必填）+ 行业/场景（必填）+ 时间季节/品类/受众（均选填）。数据源：catclaw-search + 小红书 playwright+cookie。

美团营销活动会场UI规范。根据活动意图（签到/下单/助力/浏览等）自动生成符合美团营销视觉体系的C端活动组件HTML代码，照搬高达素材库真实组件样式。触发词：生成签到组件、生成活动页面、营销会场组件、签到日历、进度条任务、任务列表、邀请助力、活动H5、消费得免单、签到领红包、做任务得奖励、营销活动UI、活动C端组件、玩法组件生成。凡涉及美团营销活动/玩法组件的UI代码生成需求，均应激活此Skill而非通用前端Skill。

画像驱动的个性化搜索 Demo 生成工具。基于美团 Persona 真实标签 API，为不同用户画像（白领、程序员、学生等）生成差异化商品搜索排序，演示用户画像如何影响搜索结果。支持：①调用 Persona RAG 接口获取真实标签；②基于标签权重对商品评分；③生成可交互的 Demo HTML 页面。触发词：画像搜索、个性化搜索、persona demo、搜索 demo、用户画像 demo、标签驱动搜索。

代码脚手架类 Skill：生成基于用户画像（Persona 标签 + 历史行为）的个性化搜索推荐 Demo HTML 原型。 触发词：个性化搜索 Demo、画像推荐 Demo、搜索落地页原型、用户画像驱动推荐、persona 搜索 Demo、 帮我做搜索推荐 Demo、基于用户标签推荐商品、搜索历史+结果页 Demo。 产出：一个可直接在浏览器打开的单文件 HTML，包含搜索落地页、搜索历史、个性化搜索结果三个交互页面， 以及右侧可切换用户画像的控制面板，支持实时展示不同 Persona 下的推荐排序差异。