在AI技术飞速发展的今天，社群已经成为知识共享和创新的重要场所。本文作者通过创建一份独特的社群日报，记录了AI社群中每一天的精彩瞬间和成员们的努力成果。
3月份的时候卡兹克搞了一个AI自媒体博主群招募，我作为一个努力变成万粉的AI小博主，立马报名填写了进群的表，然后等了几天后他拉了一个500人的AI自媒体博主群。
本来博主们就是一群爱表达的人，再加上有500人，这个群从早到晚都是一个消息99+的状态，信息根本看不完也学不完。
于是群友们开始自发的解决信息过多的问题，当时马其顿搞了一个每日群总结的图出来，大家看到之后第一眼惊呼：🐂🍺。
当时马其顿还给大家写了个教程出来，从群对话文件+提示词+图片生成方式都讲的很详细，大家被他的真诚和开源精神打动了，一起贡献各种点子去优化升级。
我当时贡献了一些提示词做前端页面的思考，但我自己其实并没有针对社群搓提示词出来，我更多是去体验了一下然后觉得这是个不错的流程就没管了。
主要原因还是我没有自己的社群，我暂时对这块兴致不大。
当时大魔老是跟我说：搞个群吧！搞个群吧！搞个群吧！我就在琢磨我搞个社群干嘛呢？没有想清楚目的之前还是要慎重一点。
当时写了几篇提示词，我收到一些用户的反馈，有一些是不错的用例、有一些是各种问题；我就在琢磨我似乎可以搞个提示词群，跟大家交流一下我写的这些提示词的效果，顺便看看大家日常用提示词怎么用。
于是提示词小分队诞生了，群里氛围还是蛮不错的，大家有很多有意思的交流。
周末我就在想，那我来记录一下每天群里发生的事情吧，来让社群更有生命一点走的更远一点。于是我开始研究社群日报要如何设计，初步梳理了一下发现这三个事情得细琢磨一下：
图片每天发一次，网页直接挂到社群公告里。
最后兼容风格调性上我选择把选择权交给大家，如果你愿意输入自己的社群内容，那么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社群，大家追求的是AI的进步，希望能够跑的更快一点，社群主张的氛围是分享、开源，不鼓励噶韭菜等任何行为。
AI似乎读懂了我，它在开头写下：分享、开源、共同进步，我看到之后还是非常开心的~
在做社群日报的时候，我觉得还有产品化的方案，似乎看起来直接做个自动化日报生成系统也可以。
于是我拉了一个很厉害的研发大铭讨论了一下这个事情，我们觉得这是个可能的方向，但目前其实一个社群日报就够了，还是要先克制一下，让产品自然的生长出来。
或许有一天它可以生长成参天大树，或许会逐渐枯萎。但至少今天，我们记录了大家对AI的努力~
本文由人人都是产品经理作者【云舒】，微信公众号：【云舒的AI观察笔记】，原创/授权 发布于人人都是产品经理，未经许可，禁止转载。
题图来自Unsplash，基于 CC0 协议。
此内容由惯性聚合(RSS阅读器)自动聚合整理，仅供阅读参考。 原文来自 — 版权归原作者所有。