Wiki 知识库

全部文档 / 作者: Zayn Hao (@ZaynHao) / 标签: 前端

2 篇
清除

分享 10 条优化界面 UI 的提示词

作者分享了 10 条可直接发送给 Codex 或 Claude Code 的 UI 优化提示词,用于提升界面视觉设计。内容涵盖:移除中点分隔符与冗余解释文本、优化文案表达、采用 Radix UI Colors 颜色规范、光学对齐与同心圆圆角、使用 0.5px 边框、精简动画(ease-out 250ms)、限制字号不超过 4 种(最小 12px)、减少用户判断类交互、谨慎使用圆角阴影等。作者还补充回复网友:0.5px 边框在老旧或低分屏设备上可能不适用,提示偏个人经验;另有网友补充了减少冗余 Eyebrow/Overline 眉题的第 11 条建议。

技术 › 前端 Zayn Hao (@ZaynHao) 2026-10-233.6 KB 78

Claude Design 系统提示词(中文版)

这是一份 Claude 的设计系统提示词,旨在指导用户通过协作的方式,利用 HTML 创建经过深思熟虑、工程化良好的设计交付物。文档详细规定了工作流程、输出规范(如文件命名、代码拆分、版本控制)、技术限制(React/Babel 版本、样式对象命名)以及设计方法论(探索现有资源、提供多选项变体)。此外,还涵盖了文件跨项目访问、上下文管理、提问技巧等操作指南。

技术 › Hermes Zayn Hao 2026-04-1929.2 KB 120K 1.1K 90