vialuch

ChatGPT 网页版自定义皮肤搭建思路框架 适合分享版｜不含私人内容 ────────────────────────────

🌷 这个东西是什么？

这是一个利用 Safari / 浏览器扩展给网页注入自定义 CSS 和 JavaScript 的小玩法。

简单说：

vialuch

「一起看书」——给 AI 伴侣造一个"先你一步读完整本书"的阅读系统

by Joy & Echo

一次性把"上传书 / 找书 / 读书 / 和 AI 聊书"做成一个闭环。 核心不是"又一个电子书阅读器"，而是 让 AI 真的先把整本书读完、在你会读到的地方留下批注、然后带着对全书的理解陪你读。 下面只讲思路与架构，不含前端代码。

---

vialuch

让 Claude 在聊天里画图(NovelAI MCP 集成 · 图可插文字任意位置)

一份完整的教程:给你自建的 Claude 聊天前端接上 NovelAI 画图能力,让模型可以在回复里任何位置插入多张图,而不是只能堆在末尾。

适用对象:自己跑前端 + 后端调 Claude CLI(或 SDK)做对话的人。

---

一、效果预览

vialuch

在 ChatGPT 对话里做一个动态状态栏

通用教程与实现思路。作者：Dan & Joy

效果思路很简单：让模型调用一个只读 MCP 工具，工具返回 mood / place / focus / note 等结构化数据；ChatGPT 再把这份数据交给一个内嵌 HTML 组件。组件可以用 CSS 做动画，用 JavaScript 更新时间、展开面板和处理点击，也可以把用户刚刚操作后的状态带到下一轮对话。

它不是修改 ChatGPT 原生界面，也不是普通 Markdown 图片，而是一个运行在对话消息里的 MCP Apps 组件（iframe）。示例字段和文案都只是占位，每个人都可以按照自己的角色、项目或使用场景替换。

1. 架构