需先确认平台特性再写提示词：微信公众号要求内联css、禁用flex和外部字体；小红书禁用script、强制其字体栈；抖音图文需竖屏适配与懒加载；知乎限制class长度且禁用外部字体。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
你需要让Cursor生成适配不同内容平台（如微信公众号、小红书、抖音图文、知乎专栏）的前端页面代码，但默认提示词会产出通用HTML，导致样式错位、字体异常、交互失效。
先确认平台特性再写提示词
微信公众号只支持内联CSS和有限HTML标签；小红书Web端禁用script且强制使用其字体栈；抖音图文页需适配竖屏滚动与懒加载容器；知乎对class命名有长度限制且禁止外部字体。不区分平台直接让Cursor写“响应式页面”，生成的代码90%无法直接粘贴发布。
打开Cursor左侧边栏→点击“+ New Chat”→在输入框顶部选择对应平台的预设模板（若无则手动新建）。
微信公众号专用提示词写法
方法一：用平台约束前置
在提示词开头明确声明：“你是一个微信公众号前端渲染器，只输出符合微信JSSDK 2.0规范的代码。禁止使用
方法二：给结构加钩子
要求Cursor在生成的div外层自动包裹
小红书平台提示词改写步骤
第一步：锁定字体与间距
在提示词中加入：“标题用‘PingFang SC’,‘Helvetica Neue’，正文用‘HarmonyOS Sans’,‘Noto Sans CJK SC’；行高固定为1.8，段间距32px；所有按钮必须带data-xhs-action属性。”
第二步：禁用危险语法
PigX UI Pro 前端开发指南 - Vue 3 + TypeScript + Element Plus。当用户提到 PigX UI、PigX 前端、lgb-mgui 项目、Vue 3 企业级后台开发、Element Plus 后台开发时使用此技能。
明确写出：“禁止使用<script>、onload、document.write、eval、localStorage；所有事件绑定用data-*属性替代，例如data-click="share"。”</script>
第三步：适配容器宽度
小红书Web页内容区最大宽度为640px，且左右留白各24px，因此必须让Cursor在最外层div上强制设置style="max-width:640px; margin:0 auto; padding:0 24px;"，否则文字会撑破页面。
抖音图文页提示词关键修改点
把“生成一个卡片式页面”改成：“生成抖音图文页首屏卡片，宽100vw，高80vh，背景图用cover裁切，底部固定悬浮按钮，按钮需带data-tt-action="next"。”
强调加载机制：“所有图片必须用，且src属性值以https://p16-web.tiktokcdn.com/开头，否则抖音审核不通过。”
【抖音不解析外部CSS文件，所有样式必须内联且不能超过2KB】
知乎专栏提示词避坑写法
方法一：控制class长度
要求Cursor生成的class名不超过12字符，例如用“z-ttl”代替“zhihu-article-title”，因为知乎后端会截断超长class导致样式丢失。
方法二：规避字体风险
写明：“禁用@font-face、font-family中不得出现‘思源’‘霞鹜’等开源字体名称，只允许使用‘Helvetica Neue’,‘Arial’,‘Noto Sans SC’。”
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
