메뉴
Export your complete design system as CSS custom properties. Includes palette, tokens, type scale, spacing, shadows, and radii in a single :root block.
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-export-css |
| description | Export your complete design system as CSS custom properties. Includes palette, tokens, type scale, spacing, shadows, and radii in a single :root block. |
| user-invokable | true |
Output a complete :root block with all tokens grouped by category:
/* Palette / / Semantic Tokens / / Typography / / Spacing / / Shadows / / Border Radius */
Include dark mode overrides in @media (prefers-color-scheme: dark) block.
