跳到技能内容
词映 AI导航
发现工具选型指南Skills 技能AI 快讯AI图片AI视频AI文档AI办公AI助手AI搜索AI编程AI音频AI设计AI智能体模型与开发AI学习模型评测AI提示词内容检测AI金融AI 3D扫描与识别其他工具跨境电商 AI
词映 AI导航
工具库Skills 技能
我的收藏
词映 AI导航
发现工具选型指南Skills 技能AI 快讯AI图片AI视频AI文档AI办公AI助手AI搜索AI编程AI音频AI设计AI智能体模型与开发AI学习模型评测AI提示词内容检测AI金融AI 3D扫描与识别其他工具跨境电商 AI
技能目录24 小时热门TOP100 技能每日更新
Skills 技能/Kevin-Liu-01/Agent-Machines/reticle-design-system

ChatGPT reticle-design-system 技能:核对 Reticle 界面设计令牌

English

ChatGPT 安装步骤

  1. 在支持创建技能的 ChatGPT 工作区打开「插件 → 技能 → 创建 → 使用编辑器创建」。
  2. 对照固定版本 GitHub 原文,在编辑器新建技能,将 `reticle-design-system` 的纯文本工作流程改写为技能说明。
  3. 保存后,在新对话输入 @ 并选中刚创建的技能,再用示例试用。

中文摘要

根据 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

工作步骤

  1. 确认页面使用的设计体系和可用组件。
  2. 检查网格、按钮层级和色彩令牌。
  3. 标记不一致的圆角、边框和原始色值。

验收方法

把 `card radius 8px` 改用零圆角。使用 `var(--ret-border)` 配置边框。将 `View report` 设为主要按钮,将 `Read notes` 设为次要按钮,保留 ReticleSection。

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

适用环境

支持创建技能的 ChatGPT 工作区。示例仅使用下方已给出的纯文本材料。

常见问题

使用该风格时,界面颜色该从哪里取?

用项目已有的 Reticle CSS 变量,按令牌含义配置文本、背景、边框和主操作。

技能信息

GitHub 仓库
Kevin-Liu-01/Agent-Machines

收集于互联网

相关指南

  • ChatGPT Skills 技能:怎么创建、安装和共享
  • ChatGPT 怎么上传 Skills 技能?文件与工作区检查
更多 ChatGPT 技能

相关推荐

  • gstack-review 技能

    Kevin-Liu-01/Agent-Machines

  • agent-ethos 技能

    Kevin-Liu-01/Agent-Machines

  • plan-mode-review 技能

    Kevin-Liu-01/Agent-Machines

  • code-review 技能

    Kevin-Liu-01/Agent-Machines

  • column-aligned-fields 技能

    Kevin-Liu-01/Agent-Machines

  • db-write 技能

    Kevin-Liu-01/Agent-Machines

词映 AI 导航Skills 技能
工具分类全部工具已本地化技能选型指南AI 快讯