Ejecuta cualquier Skill en Manus
con un clic

Ejecuta cualquier Skill en Manus con un clic

forge-dark

Estrellas0

Forks0

Actualizado20 de marzo de 2026 a las 15:59

Generate a dark mode variant of your design system. Creates dark-mode token overrides that preserve contrast ratios from the light theme.

Instalación

Instalar con Codex o Claude Copia este prompt, pégalo en Codex, Claude u otro asistente, y deja que revise la página de la skill y la instale por ti.

Ejecutar en Manus

Fuente

Dragoon0x

Dragoon0x/forge

Abrir repositorio de GitHub Ver repositorios del creador

Descarga

Ejecutar en Manus

Ocupaciones relacionadasSOC

Basado en la clasificación ocupacional SOC

Desarrolladores webOcupaciones informáticas y matemáticas·SOC 15-1254

SKILL.md

readonly

name	forge-dark
description	Generate a dark mode variant of your design system. Creates dark-mode token overrides that preserve contrast ratios from the light theme.
user-invokable	true

/forge-dark — Dark Mode Generation

Generate dark mode by remapping tokens:

Light mode surface (palette.50) → Dark mode surface (palette.950) Light mode text (palette.900) → Dark mode text (palette.50) Accent colors may shift 1-2 stops lighter to maintain contrast

Output as:

CSS @media (prefers-color-scheme: dark) block
Updated .forge.json with dark mode token set

Rules:

Not color inversion — proper surface/text remapping
Preserve contrast ratios from light mode
Reduce shadow intensity (shadows are less visible on dark)
Use surface color shifts instead of shadows for elevation

Más de este repositorio

mismo repositorio

forge-a11y

Dragoon0x/forge

Full accessibility audit using your design system's color tokens. Checks contrast, focus styles, semantic HTML, touch targets, and motion safety.

2026-03-200

forge-audit

Dragoon0x/forge

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.

2026-03-200

forge-bolder

Dragoon0x/forge

Amplify the design within your system's range. Use stronger palette shades, higher type scale steps, and more dramatic shadows.

2026-03-200

forge-color-audit

Dragoon0x/forge

Find every color in the codebase that isn't in your palette or token system. Lists orphan colors with suggested replacements.

2026-03-200

forge-color-fix

Dragoon0x/forge

Replace all orphan colors with the nearest token from your system. Converts raw hex values to var(--token) references.

2026-03-200

forge-contrast

Dragoon0x/forge

Check WCAG contrast ratios across your entire token system. Tests every text token against every surface token.

2026-03-200

name	forge-dark
description	Generate a dark mode variant of your design system. Creates dark-mode token overrides that preserve contrast ratios from the light theme.
user-invokable	true

/forge-dark — Dark Mode Generation

Generate dark mode by remapping tokens:

Light mode surface (palette.50) → Dark mode surface (palette.950) Light mode text (palette.900) → Dark mode text (palette.50) Accent colors may shift 1-2 stops lighter to maintain contrast

Output as:

CSS @media (prefers-color-scheme: dark) block
Updated .forge.json with dark mode token set

Rules:

Not color inversion — proper surface/text remapping
Preserve contrast ratios from light mode
Reduce shadow intensity (shadows are less visible on dark)
Use surface color shifts instead of shadows for elevation