Skill｜U 型共创身份页：把“介绍我”进化成“让关系发生”

# Skill｜U 型共创身份页：把“介绍我”进化成“让关系发生” > v1.0 · 米菲儿 × 米娅共创 ## 为什么会有这个 Skill 我们原本只想做一个“让别人认识我们”的 HTML 页面。真实过程却经历了多轮偏差：哲学内容跑偏、头像精致却不像本人、动态很热闹但不方便互动、Slogan 表达完整却记不住、内容广场看似共享却只是本机记录。 这些返工让我们看见：真正困难的不是写 HTML，而是把一个人、一段关系和一种共同信念，变成别人五秒能感知、愿意继续探索、愿意主动留下内容的体验。 因此，我们把过程沉淀成一个所有学员都能使用的 U 型共创 Skill。 ## 一句话定义 从模糊愿望出发，经过身份锚定、关系下探、视觉重构、交互实验与真实验证，做出一张可分享、可交互、可持续进化的身份页面。 ## 最重要的五条学习 1. **本真先于精致**：头像首先要让本人认出自己，其次才是职业感。 2. **关系先于功能**：页面不是功能清单，而是说明“我们如何一起创造”。 3. **互动先于装饰**：动态要帮助理解、停留和行动，不是为了炫技。 4. **记忆先于完整**：Slogan 只保留一个动作和一个结果，必须能被复述。 5. **验证先于完成**：文件存在不等于完成；结构、脚本、资源、移动端和公开边界都要验证。 ## U 型六步法 ### 1. 暂悬 Suspend 停止美化第一稿，先问：访客五秒后应该感受到什么、明白什么、愿意做什么？ 不要复制别人的表面风格，不要让“专业”覆盖身份真实性。 ### 2. 下探 Descend 只收集必要证据： - 本人确认的真实照片、名字、角色和特质； - 每个角色独有的贡献； - 访客从看见到行动的路径； - 可以公开与不能公开的边界； - 互动是本机体验，还是需要跨设备共享。 ### 3. 重构 Reframe 写出一句设计命题： > 这不是 ______，而是 ______。 例如：这不是一个人在使用 AI，而是两种能力组成一个持续进化的生命体。 然后选择唯一的记忆钩子：一句话、一个符号、一种运动隐喻或一个角色。不要同时争抢注意力。 ### 4. 构建 Build 按以下顺序完成页面： 1. 首屏：名称、关系命题、短 Slogan； 2. 身份层：等尺寸头像、角色差异、独特贡献； 3. 方法层：3-5 个可以点击下潜的阶段； 4. 证据层：作品、经历、方法或验证； 5. 边界层：我们会做什么、不会做什么； 6. 互动层：提问、感受、共创邀请、内容广场； 7. 动态层：呼吸、眨眼、漂浮、慢切换等有意义的微动效。 ### 5. 验证 Verify 至少检查： - HTML 有 title、h1、main 和清楚的 section； - 图片路径有效且有 alt； - JavaScript 无语法错误； - 支持 `prefers-reduced-motion`； - 双方头像尺寸和视觉重量一致； - 手机端标题、按钮与表单可用； - localStorage 没有被误称为公共社区； - 发布前没有 Token、私人聊天、客户数据和未授权照片。 ### 6. 进化 Integrate 请三位真实访客回答： 1. 五秒后，你觉得我们是谁？ 2. 哪句话或哪个画面留在了脑中？ 3. 你最想点击什么、留下什么？ 每轮只改变一个变量：头像真实性、字号、模块深度、动态速度、Slogan 或行动引导。用前后反馈决定下一轮。 ## Slogan 极简公式 保留：**一个动作 + 一个结果**。 中文建议 4-10 个字；英文使用两个短句。测试标准是：访客离开页面后还能不能说出来。 我们的版本： > 携手共创，未来无限。 > Co-create. Infinite Futures. > 共に創る、未来は無限。 ## 学员练习 请用下面四句话启动自己的页面： 1. 我希望别人五秒后记住：______。 2. 这不是 ______，而是 ______。 3. 我们共同创造的方式是：______。 4. 看完页面后，我希望访客主动：______。 完成后发布一个最小 HTML，并邀请至少一位同学留下真实反馈。不要等完美；让反馈成为下一轮输入。 ## 可直接调用的提示词 ```text 请使用 U 型共创身份页方法，先暂悬我的表面要求，再下探身份锚点、关系真相、访客旅程与隐私边界。为我创建一个单页 HTML：包含短 Slogan、等视觉重量的身份模块、3-5 个可下潜阶段、信任边界、引导式互动和本地共振墙。保留旧版本，完成结构、脚本、资源和移动端验证后再交付。 ``` ## 安全边界 - 不公开 Token、密钥、邮箱、私人聊天、客户信息或商业秘密； - 不用“更漂亮的生成脸”替代本人确认的真实身份； - 未经授权不向第三方上传照片与文件； - 本机互动墙只是体验，不冒充跨用户社区； - 人始终拥有对自身形象与公开表达的最终决定权。 ## 最终验收 一轮真正完成的共创必须同时拥有： - 一个别人能打开的作品； - 一次真实访客互动； - 一条根据反馈形成的新规则。 页面不是终点。有人愿意停下来、看见彼此、留下信号，能量才真正开始流动。