链载Ai

标题: 飞书文档秒变高颜值网站!扣子空间MCP杀疯了,小白3步生成商务风主页! [打印本页]

作者: 链载Ai    时间: 昨天 20:57
标题: 飞书文档秒变高颜值网站!扣子空间MCP杀疯了,小白3步生成商务风主页!


直接上效果,点击视频观看?你自己做还不得做个大半天?


1、打开扣子空间,找到扩展


2、找到MCP,选择飞书云文档(关于MCP是什么可以参考我之前写的我开发了史上最矫情MCP:偷偷记录"我想你了")


3、首次添加飞书MCP会让你选择授权,点确定就行了


4、我们试试一篇普通的产品设计需求飞书文档,看看扣子空间MCP能不能成功调用。

但因为我自己公司日常的业务范围不是标准的PRD了,不方便用来生成网站。

?阿星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生成的?


产品需求文档(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,很稳定,快去试试把。以后别人问你会不会做网站,你咋说,你至少是会了前端了,恭喜你!






欢迎光临 链载Ai (https://www.lianzai.com/) Powered by Discuz! X3.5