Codex C++ 项目前端校验｜复用界面样式并检查键盘状态

Codex 安装步骤

打开 GitHub 固定提交的 `.agents/skills/ui-guidance/SKILL.md`，核对内容与使用条件。
在自己的项目中创建 `.agents/skills/ui-guidance/`，把核对后的文件保存为 `.agents/skills/ui-guidance/SKILL.md`。
在该项目根目录启动 Codex，输入 `$ui-guidance` 并选择同名技能。

按项目的基础实现流程为界面改动补充检查，核对样式来源、交互可访问性和不同屏幕宽度的稳定性。

为一个模拟新增搜索按钮列出合入前验证。
{"control":"Search","existingStyle":"ToolbarButton","viewports":[360,1200],"checks":["keyboard focus","screen-reader name"]}

复用 `ToolbarButton`，在 `360px` 和 `1200px` 检查布局。记录键盘焦点与可访问名称 `Search` 的验证结果。

GitHub 原文 · 更新日期 2026-11-14

在 Codex 中打开 cpp-agentic-development-frame 的目标项目。该规则与基础实现技能配合使用。提供临近组件和支持的视口范围。

用最近的同类控件当基准，记录采用的文件和实际检查方法。