A CSS Design Framework for AI and Humans. Layout primitives, design tokens, utility classes — with React/Astro components & AI Skills support.

Pinned Tweet
Do you want to get a quick overview of Lism CSS? If so, please try reading the following three pages. - Overview: lism-css.com/en/docs/overvie… - Features: lism-css.com/en/docs/feature… - CSS Methodology: lism-css.com/en/docs/css-met…
1
2
12
3,414
lism-css v.0.28.0 リリースしました🚀 ・余白トークン: --s45を追加し、--s80を削除。 ・u--divide / u--enclose をコアから削除 ・lts トークン: xs〜xl を--lts--baseからの相対値(calcで計算)に変更 ・-hov:-transform を追加 ・CSS変数名の命名規則を一部変更( --_{item}-{prop}を --{target}-{prop} と統合)
1
186
✈️ lism-css/ui 0.27.0 もリリースしました ・Tooltip / Popover の追加 ・Avater にプレースホルダー設定追加 ・アクセシビリティ改善
1
2
514
✈️ lism-css v.0.27.0 リリースしました ・hlとlhを区別し、line-heightを --lh 変数で指定できるように ・bdrsトークンを1段追加し、再設計 ・ltsトークンにxs追加 ・bxsh トークンを二層構造化
158
Released lism-css v.0.26.0 & @\lism-css/ui v.0.26.0 🚀 We've updated the naming conventions for user-defined classes: - Block Class: `b--` prefix - Custom Class: `c--` prefix Base styles for `b--` classes are written directly in CSS, making it clearer how to style custom classes.
1
1
323
Lism CSS has been updated🔥 lism-css v.0.23.0 lism-css/ui v.0.23.0 lism-css/plugin v.0.3.0 (new) lism-css/cli v.0.7.0
1
100
Lism CSS retweeted
こんな感じの Astro+mdx のブログがコマンド一つでコピーできます🚀
Astro + .md ( .mdx) でコンテンツ管理ができる個人ブログ用のテンプレートを3種、無料公開しました! ・カテゴリ / タグ ・検索(Pagefind) ・目次 ・ダークモード ・OGP画像自動生成 以下のコマンドだけで作成できます。 ``` npm create lism@latest -- --template blog-astro-techlog ```
2
14
4,125
lism-css & lism-ui ver.0.22.2 has been released 🚀
1
3
631
ism-css ver.0.22.0 has been released 🚀
102
ism-css ver.0.21.0 has been released 🚀
2
119
lism-css v.0.17.0 has been released!🫡
1
6
827
lism-css ver.0.16.1 has been released 🚀 We have made some minor adjustments to the default styles for ul and ol.
1
180
Major adjustments have been completed with the updates up to ~0.16.0, and I have made fine-tuning to skills and mcp!
1
174
これは……便利そう 自社で一回使ってみるか
「AIと人とのためのCSS設計フレームワーク」 SKILL.mdをインストールだけで、AIエージェントが洗練された設計理論を理解します。 あなたはデザインを渡して指示するだけ。もうCSS設計に悩む必要はありません。
1
1
2
287
In lism-cli 0.3.1, we have updated some of the command guide messages.
1
162
Lism CSS retweeted
おお!使ってみよう!
「AIと人とのためのCSS設計フレームワーク」 SKILL.mdをインストールだけで、AIエージェントが洗練された設計理論を理解します。 あなたはデザインを渡して指示するだけ。もうCSS設計に悩む必要はありません。
2
2
1,445
lism-css ver.0.16.0 has been released! As we approach ver.1.0, breaking changes are continuing to occur. To those who are already trying it out, I am very sorry for the inconvenience. However, we can finally see the light at the end of the tunnel!
1
3
415
Oops... The deployment of the documentation site failed because the code blocks in the changelog were broken. 😭 Version 0.15.0 has now been successfully reflected!
1
342
lism-css 0.15.0 has been released! This update includes several breaking changes once again. Please update your skills before using it. @​lism-css/ui has also been updated to 0.15.0. Support for TypeScript in .astro files is now complete!
2
6
1,081
The CLI command for importing lism-ui has been updated! You can now copy specific components from @​lism-css/ui into your project by running: ``` npx lism-cli ui add <ComponentName> ```
2
516