不了解扣子空间的看我上一篇：
让扣子空间用飞书文档MCP给我做了个主页，效果有点姿色。
项目体验地址：space.coze.cn/s/zUooZuOk4...
1、打开扣子空间，找到扩展
2、找到MCP，选择飞书云文档（关于MCP是什么可以参考我之前写的我开发了史上最矫情MCP：偷偷记录"我想你了"）
3、首次添加飞书MCP会让你选择授权，点确定就行了
4、我们试试一篇普通的产品设计需求飞书文档，看看扣子空间MCP能不能成功调用。
但因为我自己公司日常的业务范围不是标准的PRD了，不方便用来生成网站。
markdown
🔴阿星AI工作室简介
我公司专注AI 智能体商业化落地，主要产品与服务包括：
1. AI Agent开发------通过智能体开发，如为电商企业提供直播话术生成、订单自动整理、商品评价分析等智能助手，并为人力提效打造简历风险筛查与JD匹配度评分工具；
2. AI应用开发------全栈开发，如为法律/心理行业开发案件流程自动化辅助管理系统（web/ 小程序/APP）；
3. 企业 AI 培训------通过AI工作流实战教学，帮助教培/餐饮企业实现私域流量裂变。如社群 sop 自动化运营）、自媒体风格迁移、竞品内容提取分析等。
4. RAG 研发/大模型线上部署------RAG系统发与企业自研系统深度对接；承接大模型线上部署/微调；
5. AI内容制作/传播------AI 实战课程研发制作；自媒体图文/短视频批量生成/代运营；
6. AI 硬件设备开发 ：实体 AI 交互相机/文旅图书馆 AI 导览机/AI 玩具。所以先让AI处理一次，把上面这个内容转为方便AI读取的PRD，生成网站会更有章法👇
这个网站设计PRD是让deepseek生成的👇
yaml
产品需求文档（PRD）
项目名称：阿星AI工作室官网
版本：2.0
定位：AI智能体商业化落地技术门户
---
1. 核心策略
差异化亮点：
• 场景化案例库：按行业（电商/法律/教培/文旅）展示AI智能体改造真实工作流
• 技术可视化：交互式演示RAG系统对接流程、大模型微调效果对比工具
• 开发者友好：提供API文档沙箱、智能体性能基准测试报告下载
---
2. 关键模块设计
2.1 首页（科技感动态视觉）
• 智能体工作流动画：循环播放电商订单分析→法律文书生成→文旅导览交互的流程可视化
• 实时数据看板：滚动显示「累计部署AI智能体XX个」「模型微调耗时降低XX%」
• 行业快速导航：电商/法律/教培/硬件设备的垂直场景解决方案入口
2.2 产品服务页（强化技术可信度）
模块结构：
1. AI Agent开发• 电商案例：直播话术生成器DEMO（输入商品链接→输出卖点话术）
• 招聘工具：上传JD+简历→生成匹配度热力图
2. RAG研发• 技术图解：企业知识库→向量检索→大模型应答的全流程3D演示
• 性能对比：RAG vs 传统搜索的准确率/响应时间数据
3. 硬件设备开发• 产品矩阵：AI导览机/交互相机参数对比表
• 定制流程：从需求分析→原型设计→量产交付的里程碑看板
2.3 开发者中心（技术社区运营）
• API Playground：在线调试智能体接口（预设电商/法律测试场景）
• 模型市场：提供预训练模型+行业适配方案（如法律文书专用LoRA权重）
---
3. 转化体系设计
3.1 留资组件
• 智能体效果测算器：选择行业→输入当前人力成本→输出AI提效ROI
• 案例索取浮窗：浏览超过30秒弹出「输入邮箱获取XX行业完整解决方案PDF」
3.2 信任背书
• 客户LOGO墙：hover显示合作详情（如「为某连锁律所节省XX小时/月」）
• 技术合作伙伴：PyTorch/TensorFlow等官方合作标识
---
4. 技术型设计规范
• 主视觉：
• 深空蓝（#0F1621） + 电路板绿（#00FFA3）渐变
• 动态粒子背景（随鼠标移动生成数据流轨迹）
• 交互特色：
• 3D模型展示：可旋转查看AI硬件结构
• 代码编辑器特效：服务页面的伪代码动态高亮
---
5. 非功能性需求
• AI性能展示：
• 所有DEMO需加载真实模型（如HuggingFace托管的小模型）
• 标注响应延迟（如「生成耗时：1.2s | 模型：Llama3-8B」）
• 安全要求：
• 客户案例数据脱敏处理
• 提供SOC2 Type II合规说明入口
附件：
• [AI硬件3D模型展示方案]
• [API Playground技术实现方案] 现在，这篇阿星AI工作室官网需求文档，最终被整理成这样放在了飞书文档里，方便之后扣子空间读取👇
5、给到文档id
这里需要注意的是，你最好给出文档id，也就是地址栏最后一串数字。
方便让它扣子精准识别到文档，开始调用。
可能因为刚上线的项目，有时候给了id也不灵光，实在不行就直接发它网址吧orz......
6、获取网页
咔咔就是给你惊艳出片朋友们👇
谁懂啊家人们，它还给我要留资去了。
鼠标都有动效的。
而且对官网设计很有一套，顶部左中右结构，正文又是左右结构，整个看起来页面重心很稳。：
首页
商务感拉满，案例展示该有的一点不差。五脏齐全。
产品服务
它自己把配图和图表都弄得贼清楚，甚至还自己加了图注。
这小图标画的我能有啥意见。咔咔都是风格对齐的，还很符合整体配色。
开发者中心
最后还根据我写的公司业务，给我整理了playground。
说实话，我自己都没想过这种呈现形式🤔我想喊它爹咋办
是不是很easy，很稳定，快去试试把。以后别人问你会不会做网站，你咋说，你至少是会了前端了，恭喜你！🎉
此项目体验地址再发一遍：space.coze.cn/s/zUooZuOk4...
再送一个邀请码，手慢无A5VYC5SK
------ --- --- ---------------
往期文章：
- 扣子空间杀疯了！3分钟写出并上线小游戏「赛博木鱼」附邀请码
- 我开发了史上最矫情MCP：偷偷记录"我想你了"
- 字节大佬真开源了！复刻Manus的AI生产力神器免费白嫖！
- 保姆级教程｜5分钟扣子搞定AI日报！打工人必备提效神器
- 免费调用DeepSeek-R1！硅基流动注册&API密钥使用全攻略
- 手机端部署DeepSeek-R1！手把手教你5步搞定
- 白嫖DeepSeekR1搭建个人AI知识库！小白3步上手
- deepseekR1搭建个人AI知识库！性价比之王！
- DeepSeek梁文锋采访整理：R1大模型火出圈之前
- 横空出世的AI黑马！DeepSeekR1凭什么让巨头们坐不住了？
p.s.
部分图片来自网络，仅供学习分享，版权归原作者所有，如有侵权，可联系我们删除。