skills.rest
thepnatee
thepnateeCOMMUNITY
Explore all skills by this author →
GitHub

line-flex-message

Create LINE Flex Message JSON layouts for interactive chatbot interfaces.

2|Updated Apr 3, 2026
Search Tags:#chatbot#ui layout#line#json generation#messaging api#flex message
One-click install
npx skills add https://github.com/thepnatee/developer-tools-builder-document --skill line-flex-message
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: line-flex-message
Source: https://github.com/thepnatee/developer-tools-builder-document/tree/main/skills/line-flex-message
Command: npx skills add https://github.com/thepnatee/developer-tools-builder-document --skill line-flex-message

SYSTEM DOCUMENTATION & REQUIREMENTS

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.

Frequently Asked Questions about line-flex-message

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create LINE Flex Message JSON for a chatbot product card?▼

To create LINE Flex Message JSON for a product card, use structured guidance for component constraints, Flexbox mapping, and responsive layouts to generate production-ready messaging API payloads.

What is the best way to structure LINE Flex Messages for booking confirmations?▼

The best way to structure LINE Flex Messages for booking confirmations is applying production UI patterns that map containers, blocks, and Box layouts into validated JSON structures for interactive chatbot interfaces.

Can I use LINE Flex Messages for database-driven carousels and receipts?▼

Yes, you can generate LINE Flex Messages for database-driven carousels and receipts using structured templates that satisfy Flex Message architecture constraints and cross-device rendering compatibility.

Why does my LINE Flex Message layout break on different mobile devices?▼

LINE Flex Message layouts break across mobile devices due to component sizing or positioning issues; troubleshooting requires applying Flexbox mapping rules and validating via the LINE Simulator for device compatibility.

How do I validate LINE Flex Message JSON before sending it through the Messaging API?▼

To validate LINE Flex Message JSON before sending it through the Messaging API, apply component constraint checks and use Simulator workflows to identify rendering issues and ensure structural correctness.

Related Skills

Explore More Software Engineering Skills→
thepnateethepnatee

line-api-skill

Build LINE Messaging API integrations with Node.js and TypeScript.

Community
Advanced
thepnateethepnatee

line-api-expert

Guide LINE Messaging API integration design and implementation.

Community
Advanced
vamseeachantavamseeachanta
2

File Organization Standards Skill

Enforce standardized repository structure with folder layout, naming, and depth constraints.

Community
Basic
mikeyfennelly1mikeyfennelly1

react-flow-advanced

Implement advanced React Flow patterns for nested nodes, custom edges, and undo/redo.

Community
Advanced