“成章”开源首更:3大体验优化,合集管理补齐!

中秋的时候,我自用的 AI 写作助手------"成章",迈出了开源的第一步。

如果你也在寻找一个轻量、开源、专注写作的 AI 工具,欢迎了解。

发布那天发现了一些小缺陷,这两天给修复了,今天一并分享给大家。

更新内容

这次更新内容主要包括:

  • 去掉顶部导航栏:由于应用展示内容较多,要尽可能地利用可视区域,因此,考虑删除掉顶部导航栏,将元素对应重新布局到其它位置。
  • 优化文章列表:原有文章列表风格不是很满意,想要更加扁平的效果,方便使用人员聚焦文章编辑部分。
  • 定时保存效果优化:原有提示效果使用简易弹窗,不太美观,并且容易造成视觉干扰,优化为固定在顶部工具栏左侧。
  • 合集管理:原来实现"合集"功能时,遇到了问题,仅实现了基础的筛选和保存,但并未一次性实现合集的管理功能,这次一并加上了。

开源地址:

开发记录

前 3 个优化项都采用了 Trae IDE + Claude-4-Sonnet 实现,一次成功,基本达到预期。

第 4 个优化项采用了 Claude Code + GLM-4.6,效果也非常不错。

顶部导航栏去掉

指令

复制代码
页面优化,为了更好的利用可视区域,想要将顶部导航栏删除。
logo移到文章列表顶部,删除原有文章列表标题。
工作台字样直接删除,不再需要。
用户中心字样移到logo的右侧。

过程

效果

文章列表优化

指令

复制代码
文章列表中标题应该超出宽度后自动换行。
每个文章去掉边框,采用扁平化设计。

过程

效果

定时保存效果优化

指令

复制代码
自动保存提示不使用弹窗效果,直接在"编辑"、"分栏"、"预览"左侧放置,如果有提醒则显示,没有提醒则不显示

过程

效果

合集管理实现

先通过 Trae IDE 实现,未完美实现,就想着再测试一次 Claude Code + GLM-4.6 的效果。

指令

复制代码
在右侧边栏"样式"下面增加"合集"面板,可以维护合集数据到数据库,并将页面保存左侧的合集和文章列表筛选的合集数据更改为从数据库获取,请帮我完成前后端代码修改

过程

第一次生成后有个别编译错误,发送修复指令后完成。

修复主要通过 mvnnpm 的编译检查,并自动进行修复。

效果

结语

"成章"开源系列会持续分享,方便大家使用或者学习。

今天是第一次,还没有摸索出太好的方式,大家如果有好的建议,欢迎交流!

相关推荐
武子康1 分钟前
多 Agent 不是多开几个终端:Pi 的 Sub-agent 取舍
人工智能·llm·agent
俊哥V7 分钟前
每日 AI 研究简报 · 2026-08-22
人工智能·ai
龙虾PRO12 分钟前
数据中台 + AI 落地:2026 五大趋势与零售出海完整实操案例
人工智能·零售
wish36617 分钟前
K8S 免镜像部署:通过 API 上传文件动态创建服务(以 Ollama 为例)
人工智能·云原生·容器·kubernetes·local llm
AI导出鸭PC端22 分钟前
文心怎样生成word文档?一键智能排版,AI导出鸭解决格式错乱痛点
人工智能·ai·word·豆包·deepseek·ai导出鸭
深小乐24 分钟前
DeepSeek Harness 发布一周,登顶 Top10 的插件,暴露了哪些真实需求?
人工智能
奈斯先生Vector32 分钟前
OpenScience 安装失败怎么办?Windows 环境、API 配置与本地服务排错指南
人工智能·windows·架构·开源·aigc·midjourney
武子康33 分钟前
Email Thread 不是 Agent Session:生产级异步通信网关的状态、幂等与审批合同
人工智能·llm·agent
AIDANHANG35 分钟前
放开长期挂着开关前先核到期日默认安全值与残留分支
人工智能
一次旅行38 分钟前
2026‑08‑22 AI产业深度解读|Anthropic自研芯片布局、SGLang权重缓存守护进程、Agent任务作弊审计、AI原生SDLC
人工智能·缓存·sglang