菜单
代码脚手架类 Skill：生成基于用户画像（Persona 标签 + 历史行为）的个性化搜索推荐 Demo HTML 原型。 触发词：个性化搜索 Demo、画像推荐 Demo、搜索落地页原型、用户画像驱动推荐、persona 搜索 Demo、 帮我做搜索推荐 Demo、基于用户标签推荐商品、搜索历史+结果页 Demo。 产出：一个可直接在浏览器打开的单文件 HTML，包含搜索落地页、搜索历史、个性化搜索结果三个交互页面， 以及右侧可切换用户画像的控制面板，支持实时展示不同 Persona 下的推荐排序差异。
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
美团营销活动会场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、标签驱动搜索。
| name | persona-search-recommend |
| description | 代码脚手架类 Skill：生成基于用户画像（Persona 标签 + 历史行为）的个性化搜索推荐 Demo HTML 原型。 触发词：个性化搜索 Demo、画像推荐 Demo、搜索落地页原型、用户画像驱动推荐、persona 搜索 Demo、 帮我做搜索推荐 Demo、基于用户标签推荐商品、搜索历史+结果页 Demo。 产出：一个可直接在浏览器打开的单文件 HTML，包含搜索落地页、搜索历史、个性化搜索结果三个交互页面， 以及右侧可切换用户画像的控制面板，支持实时展示不同 Persona 下的推荐排序差异。 |
assets/demo-template/index.html 到目标路径USERS 和 PRODUCTS 数据（见 references/data-schema.md）function scoreProduct(product, user) {
let s = product.baseScore;
s += product.healthScore * user.healthWeight * 0.3;
s -= (product.priceLevel - 1) * user.priceWeight * 0.25;
s += product.qualityScore * user.qualityWeight * 0.2;
s += (user.categoryBonus[product.category] || 0);
s += (Math.random() - 0.5) * 0.06; // 轻微随机扰动，避免结果完全固化
return Math.max(0, Math.min(1, s));
}
USERS 对象，调整三个权重（0=不敏感，1=高度敏感）和 categoryBonusPRODUCTS 数组，需包含 priceLevel(1-3)、healthScore、qualityScore、searchKeysPRODUCTS 替换为 API 返回数组，scoreProduct 函数保持不变references/ui-patterns.mdreferences/data-schema.md — USERS/PRODUCTS 完整字段规范 + 示例数据references/ui-patterns.md — 搜索栏/商品卡/历史标签/排名徽章 CSS 规范assets/demo-template/index.html — 完整可运行模板（开箱即用）