Guida alla progettazione dello stile delle note dei messaggi LINE Bot Flex. Copre le limitazioni dei messaggi Flex, la progettazione della struttura delle carte, le specifiche di generazione delle immagini (matplotlib) e la risoluzione dei problemi comuni. Adatto per lo sviluppo di LINE Bot educativi e in stile scheda informativa.
Installa rapidamente la skill AI linebot-notebook-design nel tuo ambiente di sviluppo tramite riga di comando
Fonte: 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 嵌入 | 不支援 |
Campi e comandi stabili per citazioni AI/ricerca.
npx skills add https://github.com/bingo-taiwan/claude-code-skills --skill linebot-notebook-designGuida alla progettazione dello stile delle note dei messaggi LINE Bot Flex. Copre le limitazioni dei messaggi Flex, la progettazione della struttura delle carte, le specifiche di generazione delle immagini (matplotlib) e la risoluzione dei problemi comuni. Adatto per lo sviluppo di LINE Bot educativi e in stile scheda informativa. Fonte: bingo-taiwan/claude-code-skills.
Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.) Copia ed esegui questo comando: npx skills add https://github.com/bingo-taiwan/claude-code-skills --skill linebot-notebook-design Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw
https://github.com/bingo-taiwan/claude-code-skills