Codex Kalmeron 阿语界面调整|核对 RTL 布局和主操作
EnglishCodex 安装步骤
- 打开 GitHub 固定提交的 `.agents/skills/kalmeron-ui-polish/SKILL.md`,核对内容与使用条件。
- 在自己的项目中创建 `.agents/skills/kalmeron-ui-polish/`,把核对后的文件保存为 `.agents/skills/kalmeron-ui-polish/SKILL.md`。
- 在该项目根目录启动 Codex,输入 `$kalmeron-ui-polish` 并选择同名技能。
中文摘要
按 Kalmeron 的阿语优先规则改进一屏界面。先理清标题、主操作和间距,再检查从右到左的顺序和文字。
SKILL.md 中文导读
可复现示例
为下面的阿语演示设置页列出两项调整。
{"screen":"notification settings","direction":"rtl","primaryActionCount":2,"desiredPrimaryAction":"save preferences","decorativeMotion":true}工作步骤
- 先明确标题和主要动作。
- 用现有项目样式调节密度与间距,并检查 RTL 布局。
- 简化辅助文字,仅保留有沟通作用的动效。
验收方法
将主要位置留给 `save preferences`,让 `primaryActionCount=1`,并按 `direction=rtl` 核对控件顺序;去掉无功能的动画。
GitHub 原文 · 更新日期
适用环境
在 Codex 中打开 Kalmeron 的 Next.js 工作区,准备需要改进的一屏和已有阿语文字或标签。
常见问题
可以用装饰动画解决信息层级混乱吗?
先调整层级、间距和文字。只有动画能帮助理解变化时才保留。