القائمة
Generates a Tailwind v4 OKLCH 50–950 palette anchored at shade 500 from a single hex or OKLCH brand color.
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
استنادا إلى تصنيف SOC المهني
Edit, rewrite, proofread, or draft long-form personal content for Johann Schopplich.
Runs evidence-bearing audits with a Claude and a GPT worker in parallel, then synthesizes agreement, divergence, and contradictions.
Review and revise a prompt for modern reasoning LLMs – severity-grouped findings report plus a rewritten prompt.
Audit a SKILL.md against loading, discoverability, effectiveness, and style rules, then produce a severity-grouped report.
Triage one red GitLab or GitHub pipeline to a proven verdict – real regression, flaky, infra, or config – staging a minimal fix where one applies. Use when handed a failing pipeline/job URL, asked to triage CI, or when an orchestrator opens a red pipeline.
Sweep the safe dependency drift and land deliberate bumps or migrations cleanly – breaking changes handled against the installed source, every gate green, staged behind one grill-ready brief.
| name | generate-tailwind-shades |
| description | Generates a Tailwind v4 OKLCH 50–950 palette anchored at shade 500 from a single hex or OKLCH brand color. |
| disable-model-invocation | true |
Generate a Tailwind-v4-style OKLCH 50–950 palette from one brand color, anchored exactly at shade 500. The lightness curve and chroma curve are derived from the mean of all 17 chromatic Tailwind palettes, so output stays consistent with Tailwind's defaults regardless of input hue.
mkdir -p /tmp/tailwind-shades && cd /tmp/tailwind-shades && npm i culori --silent
node /path/to/skill/scripts/generate.mjs '#4d6bdd'
Output is 11 lines of --color-NN: oklch(L% C H); /* #hex */ ready to paste into a Tailwind v4 @theme block.
Paste into the target CSS. Use the variable name the user requested (e.g. --color-brand-NN).
The script embeds two 11-element arrays – the mean lightness curve and mean chroma curve across Tailwind's 17 chromatic palettes (red→rose, excluding neutrals). For an input base:
L[i] = meanL[i] + bell(i) * (base.l - meanL[5]). The cosine bell weights the offset to peak at index 5 and taper to zero at indices 0 and 10, so shade 50 stays near-white and shade 950 stays near-black regardless of input lightness.C[i] = meanC[i] * (base.c / meanC[5]). Uniform multiplicative scale preserves the bell-shaped curve and respects input saturation.H[i] = base.h for every shade. Single hue across the palette is cleaner than mimicking Tailwind's per-palette hue drift, which doesn't generalize across hue families.base (rounding loss only in the printed CSS).Output rounding is L:1 decimal, C:3 decimals, H:integer. OKLCH stays unclamped in CSS to preserve P3 vibrancy on capable displays. Hex comments are gamut-mapped via toGamut('rgb', 'oklch') (CSS Color 4 binary search, preserves L and H).