【免费下载链接】page-mascotA mascot that watches the cursor and blinks when you poke it项目地址https://gitcode.com/gh_mirrors/pa/page-mascot点击查看免费下载page-mascot 是一个开源的互动吉祥物组件它的招牌玩法是给一张你的照片就能生成一套会跟着光标转头、被点一下就眨眼的Q版卡通头像。本文拆解它的参考图reference提示词工程——尤其是弃照片保特征这个让 AI 画得像你、但又是卡通的核心技巧以及新手最容易踩的几个坑。先认识一下一个会盯梢游标的Q版小脑袋 ️在 page-mascot 里一个角色 两张 3×3 精灵图sprite sheetdirections方向图9 格头部朝向脸部表情保持不变只有头转向在变reactions反应图9 格表情爱心、星星眼、困倦、大笑……。指针的角度决定方向图上显示哪一格带死区光标靠近时头部会站稳点击则在反应图上停留半秒显示一格表情。组件通过移动background-position切换格子没有逐帧 JavaScript也不依赖动画库。从照片到Q版头像三步参考图工作流想要一个长得像我的角色走的就是 SKILL.md 中的From a users own image路线流程只有三步用照片替换 DIRECTIONS 提示词走 REFERENCE 提示词。把你的照片作为参考图传给图像模型它会把你重绘成一张方向图9 格朝向正常生成第二张图。用 EXPRESSIONS 提示词并把刚生成的方向图作为参考图附上得到 9 格表情构建与校验。运行构建脚本自动做对齐、裁剪和点击会不会跳的测量不合格就自动重画失败的图。一条命令跑完全流程需OPENAI_API_KEY或自带图像工具的 Agentpython3 skills/page-mascot/scripts/mascot.py me --reference ~/photo.jpg也可以让 Agent 代劳安装 skill 后直接说/page-mascot make one that looks like me并附上照片即可。生成的源图保存在characters/名字/directions.png与reactions.png成品图集输出到public/mascots/。弃照片保特征REFERENCE 提示词的核心技巧照片传给模型后有个天然陷阱照片是比文字更强的信号。如果不加约束模型会照实搬画出一张写实人像插画——相似度很高但小眼睛、成年比例和其他大头 Q 版角色放在一起就是长得像你、但风格不对。REFERENCE 提示词 的解法非常干脆就两句话明说要丢什么DO NOT reproduce the photograph: not its realism, not its lighting, not its proportions, not its level of detail不要复现照片不要它的写实感、不要它的光线、不要它的比例、不要它的细节量给一份保留清单且是闭包清单只保留发型与发色、面部毛发、眼镜的形状与颜色、肤色、上衣颜色这五样其余一切全部简化掉重绘成大头 Q 版卡通——头大约是肩膀宽度的 1.5 倍眼睛又大又圆想儿童贴纸不要肖像画。这份闭包清单就是Q 版化的关键保留项越少、越具体卡通感越强如果写保留所有面部特征写实比例就全回来了。同样的照片、同样的模型加上这一段后第二次尝试就成功融入了整套 Q 版风格——这个对比实验记录在 design-rules.md 的 A photo needs to be told to stop being a photo 一节。另外两个细节值得注意文字描述{DESCRIBE}是补充不是主角只描述照片里看得见的东西头发、胡须、眼镜、肤色、衣服颜色照片已经提供的不要再啰嗦第二张图要复述一遍描述只传参考图不够模型会把它当灵感悄悄重画、丢掉胡须或浅色细节把颜色用文字再写一遍是第二张图像同一个人的关键。三个新手最容易踩的坑 ⚠️1. 透明背景靠工具设置不靠提示词精灵图必须是带真实 alpha 通道的 PNG。但透明是图像调用上的参数如background: transparent不是模型听了透明两个字就会给的。没开这个选项时模型会画一块灰白棋盘格假装透明——而且棋盘格无法后期抠除。screen.py 会明确报出painted checkerboard提示这种情况。工具不支持透明时改用 prompts.md 底部的绿幕#00FF00变体提示词再用key.py一键去绿。2. 描述里避开垂到肩上的散发这是整套流程里最常见的失败披肩长发在两张图里被画得不一样构建脚本锚定的肩线就动了点一下头像会明显一耸。项目实测海盗角色散辫点击位移 5.06px改成头巾扎起后重画变成 0.00px。丸子头、帽子、短发都是安全的。同理别让人物比头还宽大翅膀、夸张头饰也别拿道具法杖、咖啡杯——画幅只有头肩。3. 六种渲染风格只换画法不换骨架 同一个角色可以用colour默认、ink、sketch、riso、paper、pixel六种风格重画。风格段落只替换怎么画取景、大头像比例、复用的身体、边距全部共享所以换风格不会破坏两图对齐。API 路线直接加参数python3 skills/page-mascot/scripts/mascot.py me --reference ~/photo.jpg --style riso小提醒ink和sketch会把模型往写实方向带耳朵变大、眼睛变小验收时和彩色版对比一下比例pixel风格还需要最近邻缩放才能保住硬边。去哪里找这些资料 资料路径三套提示词DIRECTIONS / EXPRESSIONS / REFERENCE 绿幕兜底方案prompts.md每条美术规则为什么存在、失败长什么样design-rules.md一键生成→筛查→构建→校验→重试mascot.py透明通道检查 / 绿幕键控 / 对齐校验screen.py、key.py、verify.py52 个现成角色清单characters.md照片参考的现成成品示例characters/kamran/小结把真人照片变成会追游标的 Q 版头像靠的不是把照片传进去这么简单而是一套完整的提示词工程REFERENCE 提示词先命令模型丢弃照片的写实渲染再用一份闭包特征清单锁定像不像你配合方向图→表情图的两段式生成、自动构建校验与重试才得到一张对得齐、点一下不跳的成品。如果你暂时不想折腾自己的照片仓库里 52 个现成角色20 个动物、18 个人物、13 个机器人和器物也可以直接取用。赞分享【免费下载链接】page-mascotA mascot that watches the cursor and blinks when you poke it项目地址https://gitcode.com/gh_mirrors/pa/page-mascot点击查看免费下载相关推荐从泄漏的「Simpsonize Me」提示词看照片卡通化 GPT 的提示词工程实战GPTs 仓库解析从泄漏的「Simpsonize Me」提示词看照片卡通化 GPT 的提示词工程实战GPTs 仓库解析 本篇技术指南以开源仓库 GPTs 中收录的泄漏提示词提示工程AI Studio Image 提示词工程实战指南用 Gemini 生成真人手机照片级图像AI Studio Image 提示词工程实战指南用 Gemini 生成真人手机照片级图像 导读 本指南以 agentic awesome skillsAI 技能AI 插件人工智能把照片变成像素头像、宠物纪念卡Punk Skill punk-avatar 头像生成完全教程把照片变成像素头像、宠物纪念卡Punk Skill punk avatar 头像生成完全教程 想让一张普通照片秒变 像素头像 或者给毛孩子做一张手写名字、自创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考