code-css

name	code-css
description	CSS / .css / Sass / SCSS / .scss 実装を書く前に、layout、responsive design、selector、cascade、保守しやすいスタイル設計を確認するときに使う。

Code CSS

目的

CSS 実装で、レイアウトとスタイルの責務を整理し、既存 UI に自然に馴染む判断をするための参照 skill。

使い方

• まず ../code-general/SKILL.md を読む。
• CSS 実装では references/lang.md を必ず読む。
  • このファイルは、この SKILL.md と同じディレクトリの references/ 配下にある。
  • 見つからない場合は ~/.claude/skills/code-css/references/lang.md を試す。
  • それでも見つからない場合はユーザーに報告し、references なしで進めない。
• 実装前に、変更が「レイアウト」なのか「appearance（見た目）」なのかを分けて考える。
• レイアウト変更と appearance 変更を同じ差分に混ぜる場合は、影響範囲と意図が読み取れる最小単位に整理する。