@lism-css/mcp 0.23.0 → 0.26.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (73) hide show
  1. package/README.ja.md +15 -15
  2. package/README.md +5 -5
  3. package/dist/data/docs-index.json +185 -159
  4. package/dist/data/guides/SKILL.md +164 -228
  5. package/dist/data/guides/antipatterns-layout.md +271 -0
  6. package/dist/data/guides/antipatterns.md +121 -196
  7. package/dist/data/guides/base-styles.md +10 -9
  8. package/dist/data/guides/components-core.md +27 -9
  9. package/dist/data/guides/components-ui.md +30 -51
  10. package/dist/data/guides/css-rules.md +104 -107
  11. package/dist/data/guides/customize.md +10 -7
  12. package/dist/data/guides/naming.md +22 -41
  13. package/dist/data/guides/primitive-class.md +5 -5
  14. package/dist/data/guides/primitives/a--decorator.md +2 -28
  15. package/dist/data/guides/primitives/a--divider.md +1 -52
  16. package/dist/data/guides/primitives/a--icon.md +2 -76
  17. package/dist/data/guides/primitives/a--spacer.md +1 -49
  18. package/dist/data/guides/primitives/l--autoColumns.md +7 -54
  19. package/dist/data/guides/primitives/l--box.md +1 -21
  20. package/dist/data/guides/primitives/l--center.md +6 -39
  21. package/dist/data/guides/primitives/l--cluster.md +6 -26
  22. package/dist/data/guides/primitives/l--columns.md +7 -56
  23. package/dist/data/guides/primitives/l--flex.md +5 -62
  24. package/dist/data/guides/primitives/l--flow.md +11 -72
  25. package/dist/data/guides/primitives/l--frame.md +7 -78
  26. package/dist/data/guides/primitives/l--grid.md +5 -56
  27. package/dist/data/guides/primitives/l--stack.md +5 -44
  28. package/dist/data/guides/primitives/l--switchColumns.md +8 -53
  29. package/dist/data/guides/primitives/l--tileGrid.md +7 -44
  30. package/dist/data/guides/primitives/l--withSide.md +9 -79
  31. package/dist/data/guides/property-class/all-props.md +246 -0
  32. package/dist/data/guides/property-class/bd.md +6 -71
  33. package/dist/data/guides/property-class/hov.md +14 -73
  34. package/dist/data/guides/property-class/max-sz.md +3 -39
  35. package/dist/data/guides/property-class.md +33 -250
  36. package/dist/data/guides/references/authoring.md +246 -0
  37. package/dist/data/guides/references/page-sections.md +99 -0
  38. package/dist/data/guides/references/verification.md +75 -0
  39. package/dist/data/guides/responsive.md +44 -15
  40. package/dist/data/guides/set-class.md +2 -12
  41. package/dist/data/guides/tokens.md +20 -16
  42. package/dist/data/guides/trait-class/has--gutter.md +3 -31
  43. package/dist/data/guides/trait-class/has--mask.md +3 -36
  44. package/dist/data/guides/trait-class/has--snap.md +3 -34
  45. package/dist/data/guides/trait-class/has--transition.md +3 -41
  46. package/dist/data/guides/trait-class/is--boxLink.md +2 -63
  47. package/dist/data/guides/trait-class/is--container.md +2 -29
  48. package/dist/data/guides/trait-class/is--layer.md +1 -57
  49. package/dist/data/guides/trait-class/is--wrapper.md +3 -56
  50. package/dist/data/guides/trait-class.md +8 -8
  51. package/dist/data/guides/utility-class.md +1 -1
  52. package/dist/data/meta.js +4 -3
  53. package/dist/index.js +4 -1
  54. package/dist/lib/load-markdown.d.ts +4 -0
  55. package/dist/lib/load-markdown.js +10 -0
  56. package/dist/lib/response.d.ts +5 -0
  57. package/dist/lib/response.js +15 -2
  58. package/dist/lib/schemas.d.ts +35 -0
  59. package/dist/lib/schemas.js +13 -0
  60. package/dist/lib/search.d.ts +2 -0
  61. package/dist/lib/search.js +56 -4
  62. package/dist/lib/types.d.ts +5 -21
  63. package/dist/lib/version.d.ts +2 -0
  64. package/dist/lib/version.js +8 -0
  65. package/dist/tools/convert-css.js +37 -14
  66. package/dist/tools/get-component.js +2 -2
  67. package/dist/tools/get-guide.d.ts +2 -0
  68. package/dist/tools/get-guide.js +41 -18
  69. package/dist/tools/get-overview.js +2 -2
  70. package/dist/tools/get-props-system.js +8 -6
  71. package/dist/tools/get-tokens.js +2 -2
  72. package/dist/tools/search-docs.js +13 -7
  73. package/package.json +21 -6
package/README.ja.md CHANGED
@@ -3,33 +3,33 @@
3
3
  [English](./README.md) | [日本語](./README.ja.md)
4
4
 
5
5
  [Lism CSS](https://lism-css.com) の [MCP (Model Context Protocol)](https://modelcontextprotocol.io/) サーバーです。
6
- AI ツール(Claude Code, Cursor 等)が Lism CSS の最新ドキュメント・API を正確に参照できるようにします。
6
+ AIツール(Claude Code, Cursor 等)が、インストールされているこのパッケージのバージョンに対応したLism CSSのドキュメント・APIを正確に参照できるようにします。
7
7
 
8
8
  ## 利用可能なツール
9
9
 
10
10
  | ツール | 説明 |
11
11
  |--------|------|
12
- | `get_overview` | フレームワークの全体像(アーキテクチャ、設計思想、パッケージ構成、ブレークポイント、インストール方法、CSS Layers |
13
- | `get_tokens` | デザイントークン(色、余白、フォントサイズ、影、角丸など)の一覧・カテゴリ絞り込み |
14
- | `get_props_system` | Props システム対応表 — React/Astro の props CSS クラス・スタイルにどう変換されるか。CSS プロパティ名での逆引き(例: `padding` → `p`)や Property Class 記法(`-g:5` 等)にも対応 |
12
+ | `get_overview` | フレームワークの全体像(アーキテクチャ、設計思想、パッケージ構成、ブレークポイント、CSS Layers、実装ルール) |
13
+ | `get_tokens` | デザイントークン(色、余白、フォントサイズ、影、角丸など)のリファレンス全文を取得 |
14
+ | `get_props_system` | Propsシステム対応表 — React/Astro のpropsがCSSクラス・スタイルにどう変換されるか。CSSプロパティ名での逆引き(例: `padding` → `p`)や Property Class 記法(`-g:5` 等)にも対応 |
15
15
  | `get_component` | コンポーネント詳細(props、使用例、サブコンポーネント構成)。パッケージ(`lism-css` / `@lism-css/ui`)での絞り込みも可能 |
16
- | `get_guide` | 特定トピックの詳細ガイド(CSS ルール、レスポンシブ、ユーティリティクラス、プリミティブクラス、セットクラス、ベーススタイルなど) |
17
- | `search_docs` | ドキュメント全文検索(スコアリング付き)。カテゴリ絞り込みや CSS プロパティ名の自動展開に対応 |
18
- | `convert_css` | CSS コードを Lism CSS props・コンポーネントに変換。既存 CSS から Lism CSS への移行に便利 |
16
+ | `get_guide` | 特定トピックの詳細ガイド(CSSルール、レスポンシブ、ユーティリティクラス、プリミティブ / Traitクラス、セットクラス、ベーススタイル、命名規則、カスタマイズなど) |
17
+ | `search_docs` | ドキュメント全文検索(スコアリング付き)。カテゴリ絞り込みやCSSプロパティ名の自動展開に対応 |
18
+ | `convert_css` | CSSコードをLism CSSのprops・コンポーネントに変換。既存CSSからLism CSSへの移行に便利 |
19
19
 
20
20
  ## 聞けること(例)
21
21
 
22
- - 「Lism CSS の基本的なアーキテクチャを教えて」→ `get_overview`
23
- - 「spacing トークンの一覧を見せて」→ `get_tokens(category: "spacing")`
24
- - 「`p` や `fz` などの省略 props は何に対応している?」→ `get_props_system(prop: "p")`
22
+ - 「Lism CSSの基本的なアーキテクチャを教えて」→ `get_overview`
23
+ - 「spacingトークンの一覧を見せて」→ `get_tokens()`
24
+ - 「`p` や `fz` などの省略propsは何に対応している?」→ `get_props_system(prop: "p")`
25
25
  - 「`-g:5` ってどういうクラス?」→ `get_props_system(prop: "-g:5")`
26
- - 「`fz` に対応する CSS プロパティは?」→ `get_props_system(prop: "font-size")`
27
- - 「Accordion コンポーネントの使い方は?」→ `get_component(name: "Accordion")`
28
- - 「UI コンポーネントだけ見たい」→ `get_component(name: "Accordion", package: "@lism-css/ui")`
29
- - 「CSS レイヤー構造を教えて」→ `get_guide(topic: "css-rules")`
26
+ - 「`fz` に対応するCSSプロパティは?」→ `get_props_system(prop: "font-size")`
27
+ - 「Accordionコンポーネントの使い方は?」→ `get_component(name: "Accordion")`
28
+ - 「UIコンポーネントだけ見たい」→ `get_component(name: "Accordion", package: "@lism-css/ui")`
29
+ - 「CSSレイヤー構造を教えて」→ `get_guide(topic: "css-rules")`
30
30
  - 「レスポンシブ対応の方法を教えて」→ `get_guide(topic: "responsive")`
31
31
  - 「ガイドだけ検索」→ `search_docs(query: "レスポンシブ", category: "guide")`
32
- - 「`display: flex; gap: 1rem;` を Lism に変換して」→ `convert_css(css: "display: flex; gap: 1rem;")`
32
+ - 「`display: flex; gap: 1rem;` をLismに変換して」→ `convert_css(css: "display: flex; gap: 1rem;")`
33
33
 
34
34
  ## セットアップ
35
35
 
package/README.md CHANGED
@@ -3,24 +3,24 @@
3
3
  [English](./README.md) | [日本語](./README.ja.md)
4
4
 
5
5
  An [MCP (Model Context Protocol)](https://modelcontextprotocol.io/) server for [Lism CSS](https://lism-css.com).
6
- Enables AI tools (Claude Code, Cursor, etc.) to accurately reference the latest Lism CSS documentation and API.
6
+ Enables AI tools (Claude Code, Cursor, etc.) to accurately reference Lism CSS documentation and API, matching the version of this package that is installed.
7
7
 
8
8
  ## Available Tools
9
9
 
10
10
  | Tool | Description |
11
11
  |------|-------------|
12
- | `get_overview` | Framework overview (architecture, design philosophy, packages, breakpoints, installation guide, CSS Layers) |
13
- | `get_tokens` | List and filter design tokens (colors, spacing, font sizes, shadows, radii, etc.) |
12
+ | `get_overview` | Framework overview (architecture, design philosophy, packages, breakpoints, CSS layers, implementation rules) |
13
+ | `get_tokens` | Get the full design token reference (colors, spacing, font sizes, shadows, radii, etc.) |
14
14
  | `get_props_system` | Props system reference — how React/Astro props map to CSS classes and styles. Supports reverse lookup by CSS property name (e.g. `padding` → `p`) and Property Class notation (e.g. `-g:5`) |
15
15
  | `get_component` | Component details (props, usage examples, sub-component structure). Optionally filter by package (`lism-css` or `@lism-css/ui`) |
16
- | `get_guide` | Detailed guide on a specific topic (CSS rules, responsive design, utility classes, module classes, set classes, base styles, etc.) |
16
+ | `get_guide` | Detailed guide on a specific topic (CSS rules, responsive design, utility classes, primitive/trait classes, set classes, base styles, naming, customization, etc.) |
17
17
  | `search_docs` | Full-text documentation search with relevance scoring. Supports category filtering and CSS property name expansion |
18
18
  | `convert_css` | Convert CSS code to lism-css props and component suggestions. Useful for migrating existing CSS to Lism CSS |
19
19
 
20
20
  ## Example Queries
21
21
 
22
22
  - "What is the basic architecture of Lism CSS?" → `get_overview`
23
- - "Show me the spacing tokens" → `get_tokens(category: "spacing")`
23
+ - "Show me the spacing tokens" → `get_tokens()`
24
24
  - "What do shorthand props like `p` or `fz` map to?" → `get_props_system(prop: "p")`
25
25
  - "What does the class `-g:5` mean?" → `get_props_system(prop: "-g:5")`
26
26
  - "What CSS property does `fz` correspond to?" → `get_props_system(prop: "font-size")`