Codex Formax CSS 技能:固定验收范围再修侧栏样式
EnglishCodex 安装步骤
- 从固定 GitHub 提交复制 `.codex/skills/formax-web-css-convergence-workflow/` 完整目录到项目 `.agents/skills/formax-web-css-convergence-workflow/`。
- 在 Codex 指定目标组件、状态所有者、样式文件及亮暗模式验收矩阵。
中文摘要
把模糊的视觉调整拆成几何、颜色和交互状态改动,并为浅色与深色主题记录验收。
SKILL.md 中文导读
可复现示例
在本地 Formax 中检查侧栏选中项对比度,只调整主题色变量。对照明暗两套截图后,从 web-reference-react 包运行 `bun run test -- src/App.test.tsx`。工作步骤
- 每次只调整一个维度,先确认布局,再核对颜色与交互状态。
- 按项目测试入口运行用例,并用一致视口复查截图。
验收方法
两套主题的选中项都可辨识,布局和交互测试通过,报告列出修改文件与核对结果。
GitHub 原文 · 更新日期
适用环境
需要 Formax 仓库和 `packages/web-reference-react` 的 Bun 开发环境。
常见问题
样式工作要同时改 Electron 窗口配置吗?
只有改动涉及窗口级状态时才进入桌面层。纯选中颜色调整可在网页主题层完成。