一键导入
forge-diff
Show the difference between your .forge.json design system and what's actually in the code. Lists every value that drifts from the system.
用 Codex 或 Claude 帮你安装 复制这段 Prompt,粘贴到 Codex、Claude 或其他助手里,让它检查 Skill 页面并帮你完成安装。
菜单
Show the difference between your .forge.json design system and what's actually in the code. Lists every value that drifts from the system.
用 Codex 或 Claude 帮你安装 复制这段 Prompt,粘贴到 Codex、Claude 或其他助手里,让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
Full accessibility audit using your design system's color tokens. Checks contrast, focus styles, semantic HTML, touch targets, and motion safety.
Check the current codebase against your .forge.json design system. Finds raw hex values that should be tokens, spacing off your scale, fonts not in your system, and missing token references.
Amplify the design within your system's range. Use stronger palette shades, higher type scale steps, and more dramatic shadows.
Find every color in the codebase that isn't in your palette or token system. Lists orphan colors with suggested replacements.
Replace all orphan colors with the nearest token from your system. Converts raw hex values to var(--token) references.
Check WCAG contrast ratios across your entire token system. Tests every text token against every surface token.
| name | forge-diff |
| description | Show the difference between your .forge.json design system and what's actually in the code. Lists every value that drifts from the system. |
| user-invokable | true |
Compare .forge.json against actual CSS:
Output for each drift:
Grouped by severity: critical (color drift), warning (spacing drift), info (shadow/radius drift).