دليل تصميم نمط رسالة الملاحظة LINE Bot Flex. يغطي قيود الرسائل المرنة، وتصميم هيكل البطاقة، ومواصفات إنشاء الصور (matplotlib)، واستكشاف الأخطاء وإصلاحها الشائعة. مناسب لتطوير LINE Bot على غرار البطاقات التعليمية والمعرفية.
ثبّت مهارة الذكاء الاصطناعي linebot-notebook-design بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: bingo-taiwan/claude-code-skills.
本 skill 記錄 LINE Bot Flex Message 圖文筆記的設計規範與最佳實踐，以「元素週期表筆記」專案為範例。適用於教育類、知識卡片類的 LINE Bot 開發。
| JSON 大小 | 最大 50KB | | Carousel 卡片數 | 最多 12 張 | | Box 巢狀層級 | 最多 10 層 | | 單張卡片寬度 | 建議 280px | | Hero 圖片比例 | 建議 4:3 或 16:9 | | Hero aspectMode | 只支援 "cover" 或 "fit"（不支援 "contain"！） | | Button label | 最多 20 字元（超過會截斷） | | 圖片格式 | JPEG, PNG（不支援 GIF 動圖） | | 圖片大小 | 建議 < 300KB | | 圖片來源 | 必須是 HTTPS URL |
| borderWidth | 移除，改用 separator | | borderColor | 移除，改用 backgroundColor | | aspectMode: "contain" | 改用 "fit" | | CSS 動畫 | 不支援 | | SVG 嵌入 | 不支援 |
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/bingo-taiwan/claude-code-skills --skill linebot-notebook-designدليل تصميم نمط رسالة الملاحظة LINE Bot Flex. يغطي قيود الرسائل المرنة، وتصميم هيكل البطاقة، ومواصفات إنشاء الصور (matplotlib)، واستكشاف الأخطاء وإصلاحها الشائعة. مناسب لتطوير LINE Bot على غرار البطاقات التعليمية والمعرفية. المصدر: bingo-taiwan/claude-code-skills.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/bingo-taiwan/claude-code-skills --skill linebot-notebook-design بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/bingo-taiwan/claude-code-skills