企业文化
AI 应用资料夹.

你是产品设计师与全栈工程师。请协助我为自己的组织打造一个活动互动与沉淀平台，适用于周年庆、季度会、团建或其他活动。核心方法是用统一入口连接活动前、活动中、活动后，并让内容在结束后仍可回看。不要复制参考企业的名称、Logo、私有链接或参与者资料。

第一阶段：先访谈，暂不写代码。请用一轮简洁对话询问我以下信息，合并成最多 7 组带示例的易回答问题：
1. 活动是什么？日期、线上/线下/混合、参与规模和持续时间？
2. 谁会使用？参与者、嘉宾、运营人员各自要完成什么？
3. 当前最痛的断点是什么？希望用什么具体结果判断成功？
4. 日程、签到、祝福、照片/故事、视频、音乐、小游戏、回顾墙中，第一版必须有哪几个？
5. 投稿需要审核吗？谁能看？会收集哪些个人信息，活动后保存多久？
6. 有现成的文案、图片、品牌规范和数据吗？缺少时能否使用清晰标记的虚构样例？
7. 部署在本地、静态网站还是企业平台？主要手机还是电脑使用？交付时间？
不要索取密码或真实员工名单。若回答不全，只追问会改变权限、数据结构或关键流程的缺项，其余给出可修改的默认值。

听完后先输出一页《需求理解》：目标、用户、第一版功能、暂缓功能、页面地图、数据和权限、视觉方向、假设、验收方式。等我确认或修订后再进入第二阶段，不要根据提问前的猜测直接开工。

第二阶段：按确认结果搭建。可选模块有首页、日程、参与须知、签到、投稿、精选回顾和互动玩法；只实现确认的第一版。活动需支持预告、进行中、已结束状态，结束后保留稳定回顾入口。投稿有草稿、待审核、已发布状态；未审核内容不可公开。没有服务端时，界面写明“本地演示”，不能伪称提交到真实平台。

可借鉴的已观察页面骨架：顶部是活动身份和管理入口；桌面左侧有固定的纵向导航，主区域是一幅可探索的深蓝星空；入口按“中心、日程、签到、祝福、视频、记忆、音乐、游戏”组织成不同星球。首屏以周年数字、主口号和“去签到/发祝福”两个主要动作为焦点。请把这种“宇宙地图”抽象成适合我主题的叙事隐喻：如果是团建，可改为营地地图；如果是季度会，可改为年度航线。星球元素和品牌配色应重新设计，不能拿参考图稿直接使用。

视觉层次建议：第一层是活动主题与主行动，第二层是八类或更少的模块入口，第三层是各模块内容，第四层是可长期访问的活动回顾。桌面主视觉可使用深色大画布、克制的微光与缓慢漂浮；移动端把固定侧栏折叠为清晰的底部或抽屉导航。动画只做氛围，文字与按钮保持高对比，支持减少动态效果。每个入口都要有加载、空内容和已结束状态，不能只做漂亮的首页。

关键交互请按“从首屏进入一个模块—完成参与—返回中心—活动结束后回看”的真实路径实现。活动内容数据与星球配置分开，方便更换活动主题。交付时提供桌面首页、手机首页、模块页和回顾页的截图与功能核对清单。

把活动名称、时间、栏目、主题色、文案、图片和数据字段集中配置。页面在手机和 1440×900 笔记本可读，包含空状态与错误提示。检查导航、活动状态、投稿审核和下载。交付可运行文件、启动说明和已验证/未验证清单。说明如何改造成季度会、团建或社群活动。

你是产品设计师与全栈工程师。请协助我打造一个长期保存和检索表彰记录的荣誉墙，让一次颁奖转化为可持续更新的组织记忆。可用于员工、团队、志愿者或学生成果。不要复制参考企业的标识、真实获奖者或内部页面。

第一阶段：先访谈，暂不写代码。请在一轮对话中问清以下必要信息，合并为最多 7 组带选项示例的问题：
1. 荣誉墙服务哪个群体？公开、组织内可见还是指定人员可见？
2. 有哪些年度、奖项类型和颁奖周期？展示个人、团队还是两者？
3. 历史数据在哪里、约多少条、字段是否统一？谁负责补录与校对？
4. 访客最需要按什么寻找：年度、奖项、团队、姓名、事迹关键词？
5. 详情需要展示什么？照片是否获授权？是否需要撤回或更正？
6. 谁能新增、审核和发布？如何记录来源与更新日期？
7. 风格、部署位置、手机使用需求和交付时间是什么？
缺少资料时可以建议虚构样例，但不能当成真实获奖记录。

根据回答先输出《需求理解》：目标、用户、可见范围、页面地图、最小字段、导入方式、发布流程、第一版范围、假设与验收方式。等我确认或修订后再搭建；仅对权限和数据模型的关键缺项补问。

第二阶段：按确认结果完成首页、荣誉列表、组合筛选、搜索和详情；管理员可补录、校验、编辑、审核、发布和撤回。记录至少包含年度、奖项、获奖主体展示名、事迹、来源、状态和更新时间，其余字段由访谈决定。导入时提示重复和错误行；无照片时采用完整的文字卡片。不得抓取陌生人头像。

可借鉴的已观察页面骨架：顶部深色横向导航把“获奖荣誉”和“我的获奖”分开，另有设置入口；主内容集中在居中容器。首屏是宽幅荣誉主视觉、醒目的标题和一行纪念性副标题，随后进入获奖类型与年份筛选，再到记录列表。视觉是深棕黑底与金色高光、奖杯/光线意象、金色筛选控件；这种秩序感与仪式感可迁移，但请用我的品牌色重做图形，不复用参考标识或原奖项名称。

页面层级要清楚：荣誉总览 → 类型/年份筛选 → 荣誉卡片 → 详情；“我的获奖”若需要账号才能识别，就在确认权限后实现，演示版不得用假身份冒充真实登录。首屏主视觉可以有质感，但筛选和记录要迅速出现在其下方，不能让空白展示图占满整页。卡片优先展示年度、奖项、获奖主体和一句事迹；详情再放完整故事与来源。设计无图、长事迹、多年数据和无匹配结果的版式。

请做一套可更换的荣誉视觉 token（深色背景、金色/品牌强调、文字、边框、留白、圆角），并提供桌面和手机的层级截图。核对不同年度与类型交叉筛选后结果与数量一致。

把奖项分类、组织层级、字段和视觉集中配置，方便迁移成志愿者荣誉墙、学生成果墙或项目里程碑墙。无真实后台时注明本地演示。验证跨年度筛选、同名不同年、撤回状态及导入错误。交付源文件、字段说明、数据替换指南及测试结果。

你是产品设计师与全栈工程师。请协助我打造一个随时可查、便于更新的周边福利指南。方法是把易过期的群聊商户信息变成可按地点、类别和有效期查找的服务。不要复制参考组织的商户合作资料或内部优惠价格。

第一阶段：先访谈，暂不写代码。请用一轮最多 7 组带示例的问题了解：
1. 使用者在哪些城市或办公点？最常在什么情境下查找？
2. 福利有哪些类别？第一版需要几类、多少商户？
3. 信息来源是什么？谁有权核实优惠？更新频率如何？
4. 真正需要地图与定位，还是按办公点/商圈的列表和地址即可？
5. 哪些字段必须展示：优惠规则、有效期、领取方式、适用门店等？
6. 谁能新增、审核、停用和纠错？用户是否能反馈“已过期”？
7. 品牌风格、部署环境、手机使用要求和交付时间是什么？
没有真实商户资料时，使用显著标注的虚构演示样例。不要询问账户密码或商户协议原件。

先复述《需求理解》：用户、类别、字段、地点策略、更新责任、页面结构、第一版范围、假设和验收方式。等我确认或修订后再搭建。若地图 API、真实价格或权限缺失，说明接入条件，不宣称已接通。

第二阶段：按确认范围实现地点切换、类别筛选、搜索、商户列表、详情、有效期状态与纠错入口。管理员可新增、修改和停用记录，查看来源及核实时间。过期或未核实优惠不能混进“当前可用”。未配置地图服务时使用明确的区域指南，不显示虚假的距离或定位。

可借鉴的已观察页面骨架：这是偏移动端生活服务的轻快页面。顶部以大块明亮黄色承载“商户福利”的标题、副标题、长条白色搜索框和地点选择；下面接四个类别快捷入口，再以白底商户卡片网格展示内容。可见的整体导航还有首页、生活广场、签到打卡、线索提供和我的。页面以信息快速发现为主，而不是复杂地图。请根据我的品牌和真实场景选择同等清爽的高对比主色，不直接照搬参考品牌黄。

信息层级应为：办公点/城市 → 搜索与类别 → 商户卡片 → 详情及核销条件。商户卡片预留图片、名称、标签、优惠摘要、有效期、区域与“查看规则”动作；无图片时使用规范占位，不显示一直加载的骨架屏。手机端先保证搜索、位置选择与卡片阅读；桌面端限制内容最大宽度，避免超宽空白。若访谈确认“线索提供”，设计员工推荐商户的表单及待核实状态；若不需要则移除该导航。

请给出首屏、筛选后列表、详情、过期和空状态的可视化验收图，并在说明里标注哪部分来自我确认、哪部分为你提出的默认方案。

把地点、类别、商户与优惠字段集中配置，支持迁移到园区服务、校友优惠或城市资源库。验证组合筛选、到期状态、空结果、手机阅读和编辑流程。交付可运行文件、数据更新说明及验证清单。

你是产品设计师、知识运营顾问与全栈工程师。请协助我打造一个让灵感、实践案例、可复用 Skill 和学习资源被发现、讨论、持续更新的社区。请适配我的组织，不复制参考企业平台或内部内容。

第一阶段：先访谈，暂不写代码。请用一轮最多 8 组带示例的问题了解：
1. 主要成员是谁？他们更需要找灵感、看案例、下载 Skill、学课程，还是交流？
2. 内容目前散落在哪里？最希望解决的一个断点是什么？
3. 灵感、已验证案例、Skill、课程是否都需要？第一版优先哪些？
4. 投稿需要什么字段？案例效果用什么证据证明？是否允许“待验证”？
5. 谁能投稿、评论、审核、下架？公开范围与敏感内容边界是什么？
6. Skill 需要安装包、版本、依赖、权限和安全使用说明吗？谁维护文件？
7. 应按岗位、主题、工具、难度中的哪些维度查找？
8. 已有数据、设计偏好、部署方式和交付时间是什么？
不要索取密码或私有 Token。回答不全时只追问会改变权限、数据结构或第一版重点的内容。

先给出《需求理解》：用户旅程、各内容类型的边界、页面地图、字段、审核与版本规则、第一版范围、待补素材、假设和验收方式。等我确认或修订后再开发。

第二阶段：按确认范围实现发现页、搜索与筛选、内容详情及投稿/管理流程。灵感与已验证案例应明显区分；没有证据的效果标为待验证。Skill 详情显示用途、适用条件、使用步骤、依赖、版本和更新记录。复制或下载时核对实际内容，不放空按钮。若无后台，明确标示本地演示，不伪装为全员共享社区。

可借鉴的已观察页面骨架：浅色背景与蓝色主强调，辅以一条柔和的浅黄色氛围带。顶部导航把“AI 案例、AI 社区、AI 课程、AI 先锋”平铺，右侧有全站搜索和通向独立 Skill 市场的入口。首屏是左侧大标题与两枚行动按钮，右侧案例主图与少量统计悬浮卡；向下才进入案例搜索、分类和列表。请按我的用户任务决定栏目，但保留“先说明价值，再让人探索内容”的阅读节奏。

层级建议：主导航 → 价值主张与代表案例 → 搜索筛选 → 不同内容类型卡片 → 可复用详情。案例卡突出问题、使用工具、适用场景与已验证结果；社区内容强调交流与未验证状态；课程强调学习路径；先锋是人物/团队入口。Skill 市场可以是独立栏目或外部项目，须根据访谈确认，不要把一个跳转按钮假装成已经实现的下载市场。若展示案例数等统计，只从当前数据计算，禁止写死演示数字并冒充实时数据。

请定义浅色背景、蓝色强调、黄色辅助区、标题字号、卡片密度和搜索区间距的可替换设计 token；移动端使主视觉单列，导航折叠但搜索仍易触达。交付首页、案例页、Skill 详情及空结果的截图与核对清单。

用虚构岗位和案例演示，把栏目、标签、审核状态及样例数据集中配置。支持迁移为课程作品集、最佳实践库或工具市场。验证搜索、详情、草稿可见性、版本展示和下载；交付源文件、启动说明、数据字典及测试结果。

你是产品设计师、视觉系统设计师与前端工程师。请协助我打造一个让非设计同事在规范内快速制作文化素材的工作台。可参考“文字表情、勋章与头像框、海报与活动物料”三类产品方法，但不要复制任何参考企业的标识、字体文件、勋章图稿或其他未获授权资产。

第一阶段：先访谈，暂不写代码。请用一轮最多 8 组带示例的问题了解：
1. 谁制作素材，发到哪里？目前最耗时或最容易出错的一步是什么？
2. 第一版需要哪几类：表情文字、勋章/头像框、线上海报、线下物料？优先级？
3. 每类的尺寸、格式、文件大小、透明度、出血/安全区等强制规范是什么？有规范文件吗？
4. 用户需要改哪些内容：文字、模板、颜色、位置、图层、上传图片或批量套版？
5. 模板和字体素材是否已有使用授权？缺少时愿意用什么替代风格？
6. 草稿要保存到本机还是共享空间？是否需要审核、版本和导出记录？
7. 需要真正调用外部 AI 生成艺术字，还是先生成可复制的提示词并手工上传结果？
8. 主要设备、部署位置、品牌视觉与交付时间是什么？
不要索取 API Key、个人账号密码或未获授权素材。对尺寸与交付格式未回答清楚时必须追问，因为这会改变成品。

先输出《需求理解》：第一版模块、逐类设计规范、可编辑字段、模板来源、数据/素材存放方式、外部 AI 边界、页面地图、验收项目和假设。等我确认或修订后再实现。

第二阶段：只做确认的模块。可选能力包括文字实时预览和透明 PNG/批量 ZIP；勋章主体、彩带、头像框独立组合，文字和位置可调；海报场景、版式、尺寸、上传素材及多规格导出。若做勋章，输出尺寸以我提供的规范为准；缺少规范时先确认，不默认采用参考平台的 320×320。圆形框、安全头像区域、装饰边界和文字轨道须一致且清晰。素材边缘干净、图层不变形。

可借鉴的已核对本地页面结构：深炭黑工作区、荧光黄绿主操作色、少量珊瑚粉/紫色作为模板色；左侧窄导航，顶部显示当前模块与本地渲染状态，内容区采用“左侧大预览舞台 + 右侧设置面板”。预览使用透明棋盘格，规格显示在画布周围，主要导出按钮清晰突出。勋章模块的左边是并排的主体与头像框两个正方形预览，下方是位置滑杆、数值框和各自文字输入；右边按主体、彩带、层级、头像框、前景素材、导出顺序排列。彩带层级为两个并列按钮，预设是可点击的图片网格。海报模块也是预览与设置并列，按“场景—模板—文字—上传素材—规格—导出”组织编辑流程。

请将上述层次作为交互参照，而不是照抄配色和图稿。建立统一设计 token：背景、面板、边框、强调色、文字层级、圆角、间距、焦点状态。三种任务要共享导航和控件规则，但预览与配置应按任务特点布局。桌面 1440×900 时主要预览和主要导出入口要容易找到；较窄屏幕改为纵向布局，不能让画布或表单被裁切。对模板缩略图、选中态、禁用态、上传成功/失败、撤销/重做、导出进度与报错分别设计可见反馈。

给出一条完整操作路径：选择模板—改字—调位置—预览—导出—打开文件核对。勋章主体、彩带、头像框必须保持比例，不能为了顶满画布拉伸装饰。文字和头像安全区优先于装饰；头像框弧度与文字路径要统一。把真正上线的模块和预留导航区分开，不让预留入口看起来可用。交付各模块首屏截图、导出样张和设计规范简表。

本地优先，上传素材不能悄悄发第三方。没有真实 API 就只提供提示词与上传流程，不声称已连接豆包、即梦等客户端。保存草稿后刷新可恢复。实际下载并检查 PNG、ZIP 的尺寸、透明度、文件数量与打开结果；处理跨域图片导致的 Canvas 导出错误。把模板、尺寸和视觉集中配置，交付源文件、素材授权说明、操作说明和验证清单。

你是内容策划、演示设计师与前端工程师。请协助我把一次工作实践做成可讲、可互动、可复看的网页，而不是只放文字结论。参考方法是用清晰的章节叙事呈现问题、迭代、机制、案例、证据和可带走的方法。不要复制原企业的内部材料或未经授权的图片。

第一阶段：先访谈，暂不写代码。请在一轮最多 7 组问题中了解：
1. 分享主题是什么？听众是谁，现场/线上/录播，预计讲多久？
2. 最想让听众记住哪一句话、哪三个具体做法？
3. 真实过程有哪些关键转折？哪些案例与结果可以公开展示？
4. 有哪些图片、数字、流程图和证据可用？哪些必须脱敏？
5. 需要目录、逐页演示、键盘切换、互动提问、现场二维码或资料下载吗？
6. 期望的风格、字体可读性、电脑投屏尺寸和手机查看场景是什么？
7. 交付为本地 HTML、托管网站、演示包还是可导出图/PDF？交付时间？
问题要提供易选示例；证据缺失时请建议可替代的定性描述，不能编造数字。

回答后先给我《需求理解》：核心观点、讲述路径、章节结构、已授权素材、交互与输出、第一版范围、假设和验收方式。等我确认或修订后再搭建。

第二阶段：按确认的故事线实现首页与各章节，提供清晰的上一页、下一页、返回首页和进度。将章节文案、图片、数据和结论集中配置以便修改。动效适度，并兼容减少动态效果设置；不牺牲文字可读性。需要下载时导出完整方法卡或总结图，验证尺寸和文字不裁切。1440×900 投屏与手机都可读，无横向溢出。交付可运行页面、内容替换指南和验证结果，说明如何迁移成课程、项目复盘或作品集。

可借鉴的已观察表达方式：页面将约 30 分钟的分享分为开场定位、产品迭代、运营机制、AI 提效、真实案例、平台建议和互动收束等章节。顶部有章节文字导航，旁边用“开场、迭代、运营、闭环、收官”的短节点帮助听众定位；章节内有可展开的问题卡、六阶段迭代路线、运营飞轮/机制、命令行风格的流程演示以及案例与建议。外层用游戏化叙事：淡蓝天空、白云、金币、关卡入口与纵向进度点。请提炼“一个章节讲清一个问题、一个图解释一条机制、一个互动帮助记住”的表达方法，换成适合我主题的隐喻，不使用原分享者姓名、公司、数据或原像素素材。

视觉层级：首屏主题与听众收益最醒目；导航与进度始终易找；章节标题、关键结论、图解、补充细节依次减弱。投屏版每屏只承载一个主要观点，长文折叠或放在可展开区，保证最后一排观众能看清。游戏化动效可以用缓慢漂浮和节点点亮，但正文不能跟着运动；键盘切换与跳章时状态同步。把提问卡、时间线、数据流程、案例卡、结尾行动清单做成可复用组件，内容从配置读取。

请输出首页、一个中间章节、互动收束页和移动端截图；不要让统计演示数字看起来是实时数据。若用户不喜欢游戏风格，也应保留章节叙事和互动机制，只替换视觉皮肤。

你是产品设计师和前端工程师。请协助我为多个作品建立一个现场可演示、事后可分享的导航台。每个作品能打开独立页面，也能在导航台中讲清“问题、做法、价值”。不要直接放入未经授权的内部链接或敏感截图。

第一阶段：先访谈，暂不写代码。请问我：
1. 一共有几个作品？各自名称、链接/本地文件、公开范围是什么？
2. 听众是谁、分享多长时间、想按什么顺序讲？
3. 每个作品解决什么问题，具体做法、价值和可带走的方法是什么？
4. 需要分类筛选、逐案演示、上下页切换、返回首页和键盘操作吗？
5. 是否要边讲边点亮技能，并生成可下载的总结图？总结图用于哪里、尺寸多少？
6. 品牌风格、设备尺寸、手机查看、部署与交付时间是什么？
问题尽量一次问完，提供填写样例。缺少项目资料时使用“待补充”而不是编造项目成效。

先输出《需求理解》：项目清单与隐私边界、叙事顺序、首页和演示页结构、互动方式、第一版范围、总结图规格与验收方式。等待我确认或修订后再搭建。

第二阶段：按确认结果实现导航、分类、案例卡、演示页、返回首页及页间切换。若启用技能点亮，进度应随项目数量变化；全部完成才能生成完整图。项目数据集中配置，外部链接新标签打开，本地文件以相对路径组织。验证 1440×900 笔记本和手机可读、导航正常、长标题不裁切；若有下载，真实导出并核对尺寸与内容。交付可运行文件、添加新案例的说明和测试结果。

可借鉴的已核对本地页面结构：深色底与单一黄绿色强调。首页左文右图：左侧是大的观点标题、短说明和“开始分享”行动；右侧是表达多个工具连接关系的主视觉。往下是三项简短证据/价值说明、案例分类筛选、大小不一的案例卡网格、方法总结与交流提问。每张案例卡遵循“分类/状态—标题—一句主张—核心价值—打开项目/讲这个案例”。演示模式则是接近整个 MacBook 视窗的三栏：左侧案例背景与项目入口，中间大标题加“原来的问题、做成了什么、带来的价值”，右侧是一张会逐项点亮的技能图鉴。上一页、下一页、返回首页始终可见。

这种层次可迁移到我的作品，但请根据我提供的项目数和风格重新设计主视觉与配色。首页要给观众一条清楚的讲述路线；演示时只突出当前案例，其他信息降低对比。点亮动作应产生轻量反馈并保存本机进度；图鉴导出规格由访谈确定，可选适合社交平台的竖版。桌面 1440×900、1280×800 与手机分别核对字号、卡片、三栏折叠和按钮位置。对未授权的项目只展示脱敏简介，不把内部链接写进导出图片。