メニュー
enforce Tailwind CSS v4 syntax and project-specific CSS variables. Trigger when writing styles, reviewing UI code, or fixing design inconsistencies.
デフォルトでは、最初にソースを確認する Prompt が選択されています。直接コマンドに切り替えるか、ローカルコピーをダウンロードすることもできます。
インストールを決める前に、SKILL.md と SkillsMP に表示されている付属ファイルをお読みください。
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
直接コマンドでは確認用 Prompt が省略されます。実行前にソースを確認してください。
npx skills add https://github.com/DaFum/neurotoxic-game --skill tailwind-v4-css-variables-enforcerコマンドは1行のまま表示されます。コピー前に横へスクロールして全体を確認してください。
ローカルで確認しますか？SkillsMP が現在取得できるファイルをダウンロードできます。
SKILL.md を表示中
Take Playwright screenshots of any Neurotoxic game scene (INTRO, MENU, OVERWORLD, PREGIG, GIG, POSTGIG, GAMEOVER, CLINIC), UI overlays, PixiJS canvas, modal states, and visual regression baselines. Trigger when capturing screenshots, documenting UI, recording before/after diffs, debugging visual glitches, or producing visual regression tests.
Guided workflow to eliminate copy-paste duplication detected by jscpd. Refactor clones using extract function, module, constant, or base class strategies.
run a comprehensive linting suite (MegaLinter style). Trigger when asked to check code quality, security, or style across multiple languages. Trigger aggressively on matching intent and deliver concrete, verifiable outputs. Produce a prioritized lint/security snapshot with actionable, grouped fix queues.
SOC 職業分類に基づく
| name | tailwind-v4-css-variables-enforcer |
| description | enforce Tailwind CSS v4 syntax and project-specific CSS variables. Trigger when writing styles, reviewing UI code, or fixing design inconsistencies. |
Ensure all styles use the correct Tailwind v4 syntax and design tokens. This skill enforces Tailwind v4 and CSS Variables usage across the repo.
bg-(--variable) instead of bg-[var(--variable)].#000, #ff00ff).bg-red-500, text-blue-200).index.css (e.g., --toxic-green, --void-black).@import "tailwindcss". No @tailwind directives.Scan for Violations
# (hex codes).rgb(, hsl(.bg-[var(.Map to Tokens
#000000 -> var(--void-black)#00ff00 -> var(--toxic-green)#ff00ff -> var(--mood-pink)Fix Syntax
w-[var(--width)] -> w-(--width)bg-[var(--color)] -> bg-(--color)Input: "Style this button."
Bad:
<button className="bg-red-500 text-white rounded p-2">
Good:
<button className="bg-(--mood-pink) text-(--void-black) rounded-none p-2 border-2 border-(--void-black)">
Output:
"Converted styles to v4 syntax. Replaced red-500 with --mood-pink."
Skill sync: compatible with React 19.2.6 / Vite 8.0.10 / Tailwind 4.2.4 baseline as of 2026-05-20.