ChatGPT reticle-design-system skill for interface token review
Check supplied interface designs against Reticle or Sigil grid, components, and CSS variable rules, then suggest consistent component use.
中文Install in ChatGPT
A ChatGPT workspace with skill creation enabled. The example uses only the supplied plain-text material.
- In a ChatGPT workspace with skill creation enabled, open Plugins → Skills → Create → Create with editor.
- Create a skill in the editor and adapt the text-only `reticle-design-system` workflow from the pinned GitHub source into its instructions.
- Save the skill, then type @ in a new chat to select it and try the example.
Example task
Manually select the skill and review this fictional dashboard design for layout, button hierarchy, and border choices.
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 ReticleButtonWhat to check
Replace `card radius 8px` with sharp corners and use `var(--ret-border)` for the border. Set `View report` as primary and `Read notes` as secondary. Keep ReticleSection.
Original SKILL.md on GitHub · Updated
Frequently asked question
Where should interface colors come from when using this design system?
Use existing Reticle CSS variables for text, backgrounds, borders, and the primary action.