声明：我并不是专业前端与ui设计
最近工作项越来越多，有些事情如果不使用工作项记录软件记录下来的话就会忘记，所以我最近打算在本地编写一个简单的 HTML 页面，用来存储每月的工作事项。数据库使用 index.DB 本地存储，我只需要将 HTML 页面以本地方式打开，就能直接操作了。但是使用DeepSeek与 codex生成了几版UI，都不是特别满意，就编写了这个UI设计的skill。
skill参考资料：
在DeepSeek中测试的效果我还比较满意。但是在codex中，我测试了很多遍，修改了很多版本，它都是放弃不了。它那个逼大圆角，还有那个莫名其妙的配色，主要是暖色系的。整体内容也比较拥挤，而且字体都比较大，怎么调都好像约束不了它。后面我放弃了，如果大家感兴趣也可以自己去codex中测试一下。当然也有可能是我测试的原因，我一般都是直接给一个场景，让它一次性生成一个HTML页面。
ui-design.zip (41.0 KB)
生成的页面都是可交互、响应式的
提示词
一个社区诊所的分诊与随访工作台。前台护士和值班医生会在这里处理当天待接诊患者、紧急插队、检验结果回传、慢病随访提醒以及转诊记录。页面需要同时支持：快速扫描待处理事项、查看单个患者摘要、执行分诊操作、记录处理结果和确认高风险提醒。请你自行决定信息架构、内容文案、交互状态、配色、排版和组件风格。要求做成单文件 HTML，桌面端和移动端都成立，不要截图检查，也不要做成营销页风格。
codex生成效果
index.html.zip (13.8 KB)
deepseek生成效果
每个人的使用场景可能都不一样。如果你想测试你的场景的话，可以在回复中简单描述一下你的场景。我可以使用DeepSeek帮你测试一下。然后你再考虑是否应该使用这个skill。
6 个帖子 - 3 位参与者
来源: LinuxDo 最新话题查看原文