mcpField

lism-css-guide

lism-cssデザイン・UI69 回インストール

lism-css-guide について

Lism CSS で UI やページを実装・修正する時に使う実装ガイド。Primitive 選定・トークン照合・Property Class/Lism Props 活用・レスポンシブ設計・アンチパターン照合を変更規模に応じて行う。b--*, c--*, l--*, a--*, is--*, has--*, set--*, u--*, -prop:value 形式のクラスやトークンの逆引きにも使う。

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://lism-css/core --skill lism-css-guide

インストール後、Claude Code で/lism-css-guideを入力して読み込まれたか確認します。

同梱ファイル

SKILL.md と一緒にインストールされる参考資料やスクリプト。

antipatterns-layout.md
antipatterns.md
base-styles.md
components-core.md
components-ui.md
css-rules.md
customize.md
naming.md
primitive-class.md
property-class.md
primitives/
a--decorator.md
a--divider.md
a--icon.md
a--spacer.md
l--autoColumns.md
l--box.md
l--center.md
l--cluster.md
l--columns.md
l--flex.md
l--flow.md
l--frame.md
l--grid.md
l--stack.md
l--switchColumns.md
l--tileGrid.md
l--withSide.md
property-class/
all-props.md
bd.md
hov.md

コメント

Markdown 対応