cmx-sdk 0.2.9 → 0.2.11

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 (43) hide show
  1. package/README.md +37 -1
  2. package/dist/add-studio-YUDYE2OH.js +0 -0
  3. package/dist/chunk-7TDMLYBI.js +0 -0
  4. package/dist/chunk-EDXXR5BE.js +0 -0
  5. package/dist/chunk-FPQYL5GE.js +0 -0
  6. package/dist/chunk-IIQLQIDP.js +0 -0
  7. package/dist/chunk-NZQ6SBFS.js +0 -0
  8. package/dist/{chunk-EZMBZWH7.js → chunk-Y3S3K6M3.js} +73 -28
  9. package/dist/cli.js +215 -3
  10. package/dist/init-FLRQXJX4.js +0 -0
  11. package/dist/{interactive-menu-FYVOQSTL.js → interactive-menu-PYMJB5LY.js} +4 -1
  12. package/dist/studio-HAS6DYLO.js +0 -0
  13. package/dist/{update-sdk-KJZ6VB4M.js → update-sdk-ZXMWQF3I.js} +2 -1
  14. package/dist/update-studio-TWCYSYIS.js +0 -0
  15. package/package.json +14 -16
  16. package/templates/AGENTS.md +0 -173
  17. package/templates/CLAUDE.md +0 -28
  18. package/templates/claude/commands/check.md +0 -64
  19. package/templates/claude/commands/next-action.md +0 -66
  20. package/templates/claude/skills/cmx-cache/SKILL.md +0 -50
  21. package/templates/claude/skills/cmx-cache/references/cache-patterns.md +0 -153
  22. package/templates/claude/skills/cmx-component/SKILL.md +0 -108
  23. package/templates/claude/skills/cmx-component/references/component-schema.md +0 -123
  24. package/templates/claude/skills/cmx-content/SKILL.md +0 -158
  25. package/templates/claude/skills/cmx-content/references/migration-patterns.md +0 -120
  26. package/templates/claude/skills/cmx-content/references/seed-patterns.md +0 -146
  27. package/templates/claude/skills/cmx-dev/SKILL.md +0 -266
  28. package/templates/claude/skills/cmx-dev/references/api-patterns.md +0 -220
  29. package/templates/claude/skills/cmx-dev/references/cli-reference.md +0 -54
  30. package/templates/claude/skills/cmx-form/SKILL.md +0 -103
  31. package/templates/claude/skills/cmx-form/references/form-template.md +0 -152
  32. package/templates/claude/skills/cmx-migrate/SKILL.md +0 -501
  33. package/templates/claude/skills/cmx-migrate/references/analysis-guide.md +0 -127
  34. package/templates/claude/skills/cmx-migrate/references/html-to-mdx.md +0 -99
  35. package/templates/claude/skills/cmx-migrate/references/intermediate-format.md +0 -196
  36. package/templates/claude/skills/cmx-migrate/references/tool-setup.md +0 -150
  37. package/templates/claude/skills/cmx-schema/SKILL.md +0 -159
  38. package/templates/claude/skills/cmx-schema/references/field-types.md +0 -164
  39. package/templates/claude/skills/cmx-schema/references/migration-scenarios.md +0 -44
  40. package/templates/claude/skills/cmx-seo/SKILL.md +0 -54
  41. package/templates/claude/skills/cmx-seo/references/seo-patterns.md +0 -216
  42. package/templates/claude/skills/cmx-style/SKILL.md +0 -48
  43. package/templates/claude/skills/cmx-style/references/style-patterns.md +0 -114
@@ -1,114 +0,0 @@
1
- # スタイル変更パターン
2
-
3
- ## カラー変更
4
-
5
- `src/app/globals.css` の `:root` と `.dark` で CSS 変数を定義。shadcn/ui 体系:
6
-
7
- ```css
8
- :root {
9
- --background: 0 0% 100%; /* 背景色 */
10
- --foreground: 222.2 84% 4.9%; /* テキスト色 */
11
- --card: 0 0% 100%; /* カード背景 */
12
- --card-foreground: 222.2 84% 4.9%; /* カードテキスト */
13
- --primary: 222.2 47.4% 11.2%; /* プライマリ */
14
- --primary-foreground: 210 40% 98%; /* プライマリ上のテキスト */
15
- --secondary: 210 40% 96.1%; /* セカンダリ */
16
- --muted: 210 40% 96.1%; /* 控えめな背景 */
17
- --muted-foreground: 215.4 16.3% 46.9%; /* 控えめなテキスト */
18
- --accent: 210 40% 96.1%; /* アクセント */
19
- --destructive: 0 84.2% 60.2%; /* 削除・エラー */
20
- --border: 214.3 31.8% 91.4%; /* ボーダー */
21
- --ring: 222.2 84% 4.9%; /* フォーカスリング */
22
- --radius: 0.5rem; /* 角丸 */
23
- }
24
- ```
25
-
26
- 値は HSL 形式(`hue saturation% lightness%`)。Tailwind で `bg-primary` のように使用される。
27
-
28
- ## フォント変更
29
-
30
- `src/app/layout.tsx` で Google Fonts を読み込み:
31
-
32
- ```tsx
33
- import { Inter, Noto_Sans_JP } from "next/font/google"
34
-
35
- const inter = Inter({
36
- subsets: ["latin"],
37
- variable: "--font-sans",
38
- })
39
-
40
- const notoSansJP = Noto_Sans_JP({
41
- subsets: ["latin"],
42
- weight: ["400", "500", "700"],
43
- variable: "--font-noto-sans-jp",
44
- })
45
-
46
- // <body> に className で適用
47
- <body className={`${inter.variable} ${notoSansJP.variable} font-sans`}>
48
- ```
49
-
50
- `globals.css` でフォントファミリーを定義:
51
-
52
- ```css
53
- :root {
54
- --font-sans: var(--font-inter), var(--font-noto-sans-jp), sans-serif;
55
- --font-mono: var(--font-geist-mono), monospace;
56
- }
57
- ```
58
-
59
- ## Header カスタマイズ
60
-
61
- `src/components/layout/Header.tsx`:
62
-
63
- ```tsx
64
- const navItems = [
65
- { href: "/blog", label: "ブログ" },
66
- { href: "/about", label: "企業情報" },
67
- { href: "/contact", label: "お問い合わせ" },
68
- ]
69
- ```
70
-
71
- - ナビ項目の追加・削除・順序変更
72
- - ロゴの変更(テキスト or 画像)
73
- - スティッキーヘッダーの有無
74
- - モバイルメニューの挙動
75
-
76
- ## Footer カスタマイズ
77
-
78
- `src/components/layout/Footer.tsx`:
79
-
80
- - カラム数とカラム内容の変更
81
- - SNS リンクの追加
82
- - コピーライト表記の変更
83
-
84
- ## MDX 記事スタイル
85
-
86
- `@tailwindcss/typography` の `.prose` クラスをカスタマイズ:
87
-
88
- ```css
89
- .prose {
90
- --tw-prose-body: hsl(var(--foreground));
91
- --tw-prose-headings: hsl(var(--foreground));
92
- --tw-prose-links: hsl(var(--primary));
93
- }
94
-
95
- .prose h2 {
96
- @apply border-b pb-2;
97
- }
98
-
99
- .prose img {
100
- @apply rounded-lg;
101
- }
102
- ```
103
-
104
- ## レスポンシブ設計
105
-
106
- Tailwind のブレークポイント:
107
-
108
- | プレフィックス | 最小幅 | 用途 |
109
- |-------------|-------|------|
110
- | (なし) | 0px | モバイル |
111
- | `sm:` | 640px | 小型タブレット |
112
- | `md:` | 768px | タブレット |
113
- | `lg:` | 1024px | デスクトップ |
114
- | `xl:` | 1280px | 大画面 |