ChatGPT reticle-design-system 技能:核对 Reticle 界面设计令牌
EnglishChatGPT 安装步骤
- 在支持创建技能的 ChatGPT 工作区打开「插件 → 技能 → 创建 → 使用编辑器创建」。
- 对照固定版本 GitHub 原文,在编辑器新建技能,将 `reticle-design-system` 的纯文本工作流程改写为技能说明。
- 保存后,在新对话输入 @ 并选中刚创建的技能,再用示例试用。
中文摘要
根据 Reticle 或 Sigil 的页面网格、组件和 CSS 变量规则检查给定界面设计,并给出组件使用建议。
SKILL.md 中文导读
可复现示例
手动选择该技能,核对下面虚构的仪表板设计记录,输出布局、按钮和边框调整建议。
design review `instrument panel` | heading `Exhibit metrics` | main action `View report` | secondary action `Read notes`
input style `card radius 8px` with raw border color | project already has ReticleSection and ReticleButton工作步骤
- 确认页面使用的设计体系和可用组件。
- 检查网格、按钮层级和色彩令牌。
- 标记不一致的圆角、边框和原始色值。
验收方法
把 `card radius 8px` 改用零圆角。使用 `var(--ret-border)` 配置边框。将 `View report` 设为主要按钮,将 `Read notes` 设为次要按钮,保留 ReticleSection。
GitHub 原文 · 更新日期
适用环境
支持创建技能的 ChatGPT 工作区。示例仅使用下方已给出的纯文本材料。
常见问题
使用该风格时,界面颜色该从哪里取?
用项目已有的 Reticle CSS 变量,按令牌含义配置文本、背景、边框和主操作。