line-flex-message
CommunityCreate production-ready LINE Flex Message UIs
Authorthepnatee
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill helps developers design and debug complex LINE Flex Messages without trial-and-error by providing structured guidance for layouts, components, validation, and cross-device rendering issues.
Core Features & Use Cases
- Flex Message Architecture Guidance: Explains containers, blocks, components, Box layouts, Flexbox mapping, sizing, positioning, and styling patterns.
- Production UI Patterns: Provides templates and generation approaches for product cards, receipts, booking confirmations, carousels, and database-driven message creation.
- LINE Rendering Optimization: Covers Simulator workflows, API validation, device compatibility, Thai language rendering, gradients, overlays, and common troubleshooting scenarios.
Quick Start
Use the line-flex-message skill to create a validated LINE Flex Message JSON for a product card with responsive layout and production best practices.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: line-flex-message Download link: https://github.com/thepnatee/developer-tools-builder-document/archive/main.zip#line-flex-message Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 545,000+ vetted skills library on demand.