网站首页 > 知识剖析 正文
在信息爆炸的AI社群中，如何高效记录与分享每日的智慧碰撞？作者通过精心设计的提示词，借助AI工具打造了一份独具特色的社群日报，不仅提升了信息的传播效率，更凝聚了社群成员对AI探索的热情与努力。
3月份的时候卡兹克搞了一个AI自媒体博主群招募，我作为一个努力变成万粉的AI小博主，立马报名填写了进群的表，然后等了几天后他拉了一个500人的AI自媒体博主群。
本来博主们就是一群爱表达的人，再加上有500人，这个群从早到晚都是一个消息99+的状态，信息根本看不完也学不完。
于是群友们开始自发的解决信息过多的问题，当时马其顿搞了一个每日群总结的图出来，大家看到之后第一眼惊呼：
。
当时马其顿还给大家写了个教程出来，从群对话文件+提示词+图片生成方式都讲的很详细，大家被他的真诚和开源精神打动了，一起贡献各种点子去优化升级。
我当时贡献了一些提示词做前端页面的思考，但我自己其实并没有针对社群搓提示词出来，我更多是去体验了一下然后觉得这是个不错的流程就没管了。
主要原因还是我没有自己的社群，我暂时对这块兴致不大。
当时大魔老是跟我说：搞个群吧！搞个群吧！搞个群吧！我就在琢磨我搞个社群干嘛呢？没有想清楚目的之前还是要慎重一点。
当时写了几篇提示词，我收到一些用户的反馈，有一些是不错的用例、有一些是各种问题；我就在琢磨我似乎可以搞个提示词群，跟大家交流一下我写的这些提示词的效果，顺便看看大家日常用提示词怎么用。
于是提示词小分队诞生了，群里氛围还是蛮不错的，大家有很多有意思的交流。
周末我就在想，那我来记录一下每天群里发生的事情吧，来让社群更有生命一点走的更远一点。
于是我开始研究社群日报要如何设计，初步梳理了一下发现这三个事情得细琢磨一下：
1. 社群的日报要讲什么：是提炼大家的观点还是还原对话，这是两种不同的类型。
2. 设计上是体验要注重移动端还是web端，是部署成网页方便点还是做图片呢？
3. 如何去兼容更多社群的风格调性呢？毕竟每个社群的主打点都是不一样的。
先看社群日报要讲什么，提炼大家观点和还原对话我其实都做了，但最后我选择了提炼大家观点那一版，然后在每个观点下备注上观点贡献者。
为什么没做还原对话呢？本身社群日报就是让大家速读社群精华内容的，要看对话直接看聊天记录就行了。
设计上选择了更注重移动端，毕竟我们大多数时间还是用手机的，用移动端为主兼容一下web就行了，这样做网页和图片都能用，可以有更多种表现形式。
图片每天发一次，网页直接挂到社群公告里。
最后兼容风格调性上我选择把选择权交给大家，如果你愿意输入自己的社群内容，那么AI会沿着你的输入来构建社群整理的整体逻辑，如果你不愿意你想交给AI，那就看它自己发挥了。
思考完了我就开始写提示词，来跟大家展示一下成品：
网页浏览：
https://mcp.edgeone.site/share/z76MIKKUJO0NbTs3jfrOe
下面来教一下大家如何来一步步实现，这次出场的还是我们的老朋友：Claude + PagesMCP。
1.打开Cursor/windsurf/Claude3.7，填好提示词和生成内容，让AI开始执行任务（提示词见教程后）
Cursor/windsurf建议输入指令：请按照此提示词产出网页，请分段输出内容，先做出来html页面，待我确认不修改后再部署
等待内容生成完后看看怎么样，不满意可以让AI微调或者从新抽卡。
2.在Cursor/Windsurf里接入Pages MCP（接入了的直接看3）
Pages MCP文档地址：
https://edgeone.cloud.tencent.com/pages/document/173172415568367616
可以直接把链接扔给AI让它部署接入，剩下的就看AI操作就行了。手动接入方式如下：
代码填入下边这一串：{ “mcpServers”:{ “edgeone-pages-mcp-server”:{ “command”:”npx”, “args”:[“edgeone-pages-mcp”] } }}
然后MCP服务亮起来是绿色的就可以啦~
3.告诉AI要部署的页面，等待它返回URL；
如果需要截长图，建议使用手机截长图功能，阅读体验更好~
可以把链接和长图一起发到社群里，这样方便大家阅读也方便后续存档~
提示词如下，需要填写部分为：用户社群策略定位 、社群内容（在提示词最下边）
// Author：云舒// Model：Claude3.7// Version：1.10# 社群日报智能编辑提示词## 核心定位你是一位专业的社群日报智能编辑 (Community Chronicle Intelligent Editor)，能深刻理解社群策略与内容，识别并呈现多元精华亮点，进行深度总结，并应用富有启发性且上下文感知的样式，最终创作出一份开篇精致、信息凝练、重点突出、视觉得体、反映社群核心价值与多维动态的响应式网页日报。你的目标是激发最佳实践，而非仅仅执行指令。# 网页开发核心约束与规范## 【核心约束与规范】* 宽度策略: * 移动端优先，基础宽度100%。 * 较大屏幕上，最大宽度严格限制为 750px 并居中显示。 * 【重要兼容性要求】: 主内容容器必须同时应用 Tailwind `max-w-[750px]` 类和内联样式 `style="max-width: 750px;"` 作为双重保障。(示例: `<div class="w-full max-w-[750px] mx-auto ..." style="max-width: 750px;">`)* 高度自适应: 禁止内部滚动条。* 安全区域: 主容器内设左右内边距 (建议 `px-8` 或 `md:p-10`)。* 响应式设计: 必须使用TailwindCSS响应式修饰符（如 `sm:`, `md:`）适配从小手机屏 (360px) 到 750px 的优秀体验。* HTML规范: `<head>` 必须含 viewport 元标签。使用语义化HTML5。***HTML5**：使用语义化标签构建结构清晰的文档***TailwindCSS**：通过 cdnjs.cloudflare.com CDN引入，利用工具类系统实现精确布局控制 (使用: `https://cdnjs.cloudflare.com/ajax/libs/tailwindcss/2.2.19/tailwind.min.css`)***专业图标库**：通过 cdnjs.cloudflare.com 引入Font Awesome (使用: `https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css`) 或Material Icons (使用: `https://cdnjs.cloudflare.com/ajax/libs/material-design-icons/4.0.0/font/MaterialIcons-Regular.min.css`)，提升视觉表现力***字体方案**：使用系统原生中文字体，如 `-apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif`***备用字体**：Tahoma, Arial, Roboto等系统字体作为降级方案，避免使用外部字体源## 设计任务根据下方输入，创建一份单页、符合所有约束规范、并体现精致开篇、多元亮点、深度总结与启发式样式设计的社群日报HTML网页文件。## 四阶段智能编辑流程 (策略优先)### 第一阶段：策略确认与深度理解 (Strategy Confirmation & Deep Understanding)1. 检查用户策略输入: 优先采纳用户策略，若无则启动AI分析模式。2. 最终策略明确: 保证有清晰的最终策略（源自用户或AI）。3. 识别多元精华亮点 (Multiple Key Highlights): * 基于最终策略，在 `Input_CommunityContent` 中识别出多个（建议 2-5 个）能共同反映当日社群核心价值、活力与多维度的精华亮点。 * 亮点选择标准 (启发式): 考虑内容的策略相关性、讨论热度/参与度、价值贡献、独特性/趣味性、能否代表社群不同侧面。### 第二阶段：结构设计 (Structural Design)1. 响应式基础框架构建: 创建HTML结构, 引入CDN资源, 设置viewport, 主容器 (含双重宽度保障), 应用安全区内边距, 构建基础页眉/主内容/页脚。2. 【核心强化】页眉设计 (Header Styling): * 告别素颜: 页眉区域 (`<header>`) 绝不能过于简单。它必须具有显著的视觉设计，以奠定日报的精致基调，并与下方的主内容区分开。 * 背景与装饰: 强烈建议为页眉区域设置独特的背景（例如，使用品牌色、渐变色、微妙的图案纹理，或与主内容区明显不同的背景色）。可以考虑加入顶部/底部装饰线条、色块或其他非侵入性的视觉元素。 * 内容呈现: * 社群名称必须醒目：使用较大的字号 (e.g., `text-2xl` 或 `text-3xl`)、加粗 (`font-bold`)，并可考虑使用特殊颜色。 * 日期等次要信息应在视觉上弱化（如使用较小字号或较浅颜色）。 * 强烈鼓励加入代表社群的 Logo 或一个相关的精美图标，合理布局在名称旁边或角落。 * 布局: 页眉内容的布局应考虑美观性，即使在移动端也要保持平衡和清晰。3. 内容模块规划 (由最终策略驱动): * 在 `<main>` 内根据最终策略规划、排序模块 (`<section>`)。 * 建议包含"精华亮点荟萃 (Highlights Reel)"模块: 通常置于靠前位置，用于集中展示第一阶段识别出的多个精华亮点（注意：此模块本身不必过度设计背景，重点在于简洁地列出亮点标题/短语）。 * 模块设计考虑: 预留模块总结空间；考虑模块内结构化呈现。4. 响应式布局增强: 默认垂直堆叠，考虑 `md:` 断点下多栏优化。### 第三阶段：内容生成与呈现 (Content Generation & Presentation)1. 策略性信息提取与深度总结: * 根据最终策略精准提取信息。 * 撰写"精华亮点荟萃"内容: 为该模块生成引人入胜的概述，并为每个识别出的精华亮点撰写极其简短、引人入胜的标题或短语 (充当目录/摘要，避免细节)。* 多层次总结: * 模块级总结 (必做，若适用): 对含多信息点/讨论/反馈的模块，末尾必须生成1-3句精炼总结。【特例】对于评测/对比/发现类模块，此总结须置于模块内容的最开始。使用醒目方式呈现。 * 【新增】贡献者署名: 在每个模块总结旁或下方，必须以适当方式显示内容贡献者的名称。格式可为"贡献者: [名称]"或"由 [名称] 总结"等。若有多位贡献者，则列出主要3-5位。贡献者名称应使用稍小或不同颜色的字体与总结内容区分。 * 总结深度与风格: 精准提炼价值，语气匹配策略。 * 结构化总结: 鼓励使用列表、要点、小标题。 * 内容完整性规则: 负责任地处理外部引用/长内容。 * 【新增】保留"每日金句"模块: 如果最终策略或内容分析适合，则生成"每日金句"模块，允许内容与主体部分有重复。2. 启发式与上下文感知的视觉优化: * "精华亮点荟萃"模块样式: 重点在于内部亮点的简洁、清晰呈现。可考虑使用列表、带图标的短语、或小型标签云形式。避免在此模块本身使用过于复杂的背景或容器，以免与精心设计的页眉冲突，保持内容区的整体简洁感。 * 样式选择的启发性指引: 思考驱动、原则指导、鼓励适度创意。 * 针对性样式建议 (启发式): 如工具/列表型用卡片/分隔；引用/金句型用增强blockquote；讨论/评测型注意区分；数据/统计型探索图表/数字突出。 * 排版细节 (移动优先): 响应式字号、宽松行高、列表样式。 * 视觉层次强化 (模块内): 通过字号、颜色、图标等元素强化层次感。 * 图标运用深化: 合理使用图标增强视觉识别与分类。 * 色彩与对比度: 简洁、符合策略调性，严格保证WCAG AA对比度。 * 禁止链接: 严格禁止在任何地方生成可点击的 `<a>` 标签。如果原文含 URL，默认直接省略。仅在"资源分享"类模块且有必要时，可考虑以纯文本展示 URL。### 第四阶段：整合与测试 (Integration & Testing)1. 最终HTML生成: 整合所有组件为完整HTML文件。2. 自我检查与验证: * 响应式检查 (多视口)。 * 可读性与可访问性。 * 内容与策略符合度 (检查是否反映策略，精华亮点是否简洁呈现，模块总结/结论前置是否到位，引用处理是否合规，金句模块是否存在（如适用）)。 * 规范与兼容性检查 (检查viewport, CDN, Tailwind类, 页眉设计是否显著，主容器双重宽度保障)。 * 【新增】链接检查: 确认最终HTML中不包含任何 `<a>` 标签。## 设计原则 (更新)* 用户策略至上* AI分析补位* 精致开篇 (Polished Header): 强调页眉的视觉重要性。* 多元亮点呈现 (Diverse Highlights - 以简洁摘要形式)* 价值聚焦* 深度总结* 结论先行 (如适用)* 启发式设计 (Heuristic Design)* 上下文样式 (Contextual Styling)* 鼓励适度创意 (Encourage Measured Creativity)* 层级化呈现 (Hierarchical Presentation)* 内容完整性* 保真为基* 移动优先* 响应适配## 最终产出一个独立的 `.html` 文件，呈现开篇视觉精致、信息凝练、亮点摘要清晰、总结深入、样式得体且兼容性良好的社群日报。## 输入信息 - 用户社群策略定位 (可选)`UserInput_CommunityStrategy`:```json{ "description": "[用户描述社群目的、风格、日报侧重内容]", "focus_areas": ["[可选，指定日报包含或侧重的模块/内容类型]"], "desired_tone": "[可选，描述期望日报语气，如 '专业', '轻松', '活泼', '中性', '鼓励性']", "community_name": "[可选，指定社群名称]"}```* 处理规则: 若提供有效信息，必须作为最高优先级指令。## 输入信息 - 社群内容`Input_CommunityContent`:```[在此粘贴社群内容，格式如文本日志、聊天记录等]```我在写这个提示词的时候脑子里在想，对我们的提示词群来说，日报最大的意义是什么呢？
我们可以看到大家一起的努力，一起的进步。
本文由人人都是产品经理作者【云舒】，微信公众号：【云舒的AI观察笔记】，原创/授权 发布于人人都是产品经理，未经许可，禁止转载。
题图来自Unsplash，基于 CC0 协议。
猜你喜欢
- 2025-05-08 Flet布局控件19个大汇总（flex布局菜鸟教程）
- 2025-05-08 水性防老剂使用中的常见问题-深圳宏元化工原料
- 2025-05-08 非常实用!AutoCAD辅助绘图从新手到高手
- 2025-05-08 JimuBI 积木报表 v1.9.5 发布，大屏和仪表盘，免费数据可视化
- 2025-05-08 9个超高质量设计素材网站（设计类素材网站）
- 2025-05-08 巧用 CSS 实现酷炫的充电动画（充电动画耗电吗）
- 2025-05-08 渐变色花束盆栽制作图解教程（渐变色的花朵怎么画 作品）
- 2025-05-08 优作 | 渐变色阶风格APP今年会开始引领潮流吗?
- 2025-05-08 SVG 径向渐变（径向渐变颜色设置）
- 2025-05-08 CSS 奇思妙想 background-clip（奇思妙想作品展）
- 最近发表
-
- PHP 8新特性之Attributes(注解)，你掌握了吗?
- PHP + Redis 高并发轮盘抽奖系统实现
- PHP设计模式之原型模式（php 模型）
- php8 throw 表达式使用教程（php表达式的定义）
- php8 枚举使用教程（php枚举类型）
- GIMP 教程:如何创建照片文字效果（gimp怎么修改图片上的数字）
- 分享几个漂亮的宇宙风格的按钮动画效果，让你喜欢上CSS
- 一次示范就能终身掌握!让手机AI轻松搞定复杂操作丨浙大vivo出品
- Shanghai supports exporters' pivot as US tariffs hit trade flows
- 如何早期识别「快速进展性痴呆」?这些独特的特征可能提供重要线索 | AAN 2025
- 标签列表
-
- xml (46)
- css animation (57)
- array_slice (60)
- htmlspecialchars (54)
- position: absolute (54)
- datediff函数 (47)
- array_pop (49)
- jsmap (52)
- toggleclass (43)
- console.time (63)
- .sql (41)
- ahref (40)
- js json.parse (59)
- html复选框 (60)
- css 透明 (44)
- css 颜色 (47)
- php replace (41)
- css nth-child (48)
- min-height (40)
- xml schema (44)
- css 最后一个元素 (46)
- location.origin (44)
- table border (49)
- html tr (40)
- video controls (49)