“成章”开源首更: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 的编译检查,并自动进行修复。

效果

结语

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

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

相关推荐
70asunflower6 分钟前
从Token到芯片:AI推理时代的效率竞争与市场逻辑
人工智能
xrgs_shz11 分钟前
MATLAB 纹理特征提取:一文读懂 graycomatrix 与 graycoprops
人工智能·计算机视觉·matlab
BlockChain88815 分钟前
AI+区块链深度探索:算法与账本的共生时代
人工智能·算法·区块链
生成论实验室25 分钟前
《源·觉·知·行·事·物:生成论视域下的统一认知语法》第一章 源:不可言说的生成之源
人工智能·科技·算法·生活·创业创新
jinglong.zha29 分钟前
AI萌宠短剧实战:从0孵化动物IP,用AI制作爆款短视频
人工智能·ai·音视频·网赚教程·萌宠
AI医影跨模态组学34 分钟前
如何将CT影像语义特征与肝癌术后辅助TACE获益相关的免疫抑制性肿瘤微环境建立关联,并进一步解释其与预后、PA-TACE治疗响应的机制联系
人工智能·深度学习·论文·医学·医学影像·影像组学
汤姆yu38 分钟前
OpenAI GPT-5.5 全面详解与使用
人工智能·openai
xcbrand40 分钟前
政府事业机构品牌策划公司哪家可靠
大数据·人工智能·python
逻辑君40 分钟前
认知神经科学研究报告【20260020】
人工智能·神经网络·机器学习
2zcode1 小时前
基于低光照增强与轻量型CNN道路实时识别算法研究(UI界面+数据集+训练代码)
人工智能·算法·cnn·低光照增强·自动驾驶技术