Skills

プロジェクトに SKILL.md ファイルを配置することで、AIエージェントに Lism CSS の設計ルール・Props・トークン・命名規則などを伝えることができます。

配布しているスキルは次の2つです。

| スキル名 | 用途 | |---|---| | lism-css-guide | 新規実装（デザイン/要件→コード）向けの設計ルール・Props・トークン・命名規則 | | lism-css-refactor | 既存のLism CSSコードを、見た目や挙動を変えずにLismらしい書き方へ整理するリファクタ用 |

GitHub: lism-css/skills/lism-css-guide/ / lism-css/skills/lism-css-refactor/

セットアップ

skills.sh 経由

skills.sh を使うと、以下のコマンドで簡単にスキルを取得できます。

npx skills add lism-css/lism-css

gh コマンド経由

GitHub CLI を使っている場合は、gh skill install でも取得できます。

gh skill install lism-css/lism-css lism-css-guide@main
gh skill install lism-css/lism-css lism-css-refactor@main

lism-cli 経由

lism-cli skill add からも同じスキルを取得できます。プロジェクト直下への配置のみ対応していますが、skill check コマンドで同梱スキルとローカルの差分を確認できるのが特徴です。引数なしで実行すると lism-css-guide / lism-css-refactor の両方が対象になります。

npx lism-cli skill add

対話モードでは、プロジェクト直下のマーカー（.claude/, .cursor/ 等）を検出して候補をチェック済みで表示します。非対話でツールを明示指定する場合は、以下のようなフラグを渡します。

# 単一ツールに配置（省略時は lism-css-guide / lism-css-refactor の両方）
npx lism-cli skill add --claude

# 複数ツールを同時に
npx lism-cli skill add --claude --cursor

# 全ツール
npx lism-cli skill add --all

# スキル名を指定して個別に配置
npx lism-cli skill add lism-css-refactor --claude

配置先の対応表

lism-css-guide を例にした配置先です。lism-css-refactor の場合はディレクトリ名だけが置き換わります（例: .claude/skills/lism-css-refactor）。

| フラグ | 配置先 | |--------|--------| | --claude | .claude/skills/lism-css-guide | | --codex | .agents/skills/lism-css-guide | | --cursor | .cursor/skills/lism-css-guide | | --windsurf | .windsurf/skills/lism-css-guide | | --cline | .cline/skills/lism-css-guide | | --copilot | .github/skills/lism-css-guide | | --gemini | .gemini/skills/lism-css-guide | | --junie | .junie/skills/lism-css-guide |

アップデート

同梱スキルとローカルのファイル差分を確認してから更新できます。

# 同梱スキルとローカルのファイル差分をチェック（変更 / 追加 / 削除のサマリ表示）
npx lism-cli skill check

# 最新版で上書き
npx lism-cli skill update --claude

skill check は配置済みの各ファイルを sha256 で比較し、変更 / 追加 / 削除されたファイルをまとめて表示します。最新情報が気になる場合は GitHub リポジトリを直接チェックしてください。