line-flex-message

Compare original and translation side by side

🇺🇸

Original

English

🇨🇳

Chinese

This skill extends Claude's ability to design high-quality, brand-consistent LINE Flex Messages and implement reliable messaging workflows.

本技能扩展了Claude的能力，使其能够设计高质量、符合品牌一致性的LINE Flex消息，并实现可靠的消息传递工作流。

Advanced Flex Layouts: Precise control over nested boxes, dynamic widths, and complex UI patterns (e.g., flight tickets, product lists).
Video Integration: Guidelines and templates for embedding video components in the hero block.
Reliable Communication: Implementing
```
X-Line-Retry-Key
```
and exponential backoff strategies to handle 429/5xx errors.

Identify Layout: Determine if it's a single Bubble or a Carousel.
Component Mapping: Map UI elements to Flex blocks (Header, Hero, Body, Footer).
Refine Nesting: Use
```
scripts/flex_builder.py
```
or reference
```
references/flex-elements.md
```
to create multi-layer box nesting.
Add Actionability: Ensure all buttons and images have correct
```
action
```
definitions.

确定布局：判断是单Bubble还是Carousel类型。
组件映射：将UI元素对应到Flex区块（Header、Hero、Body、Footer）。
优化嵌套结构：使用
```
scripts/flex_builder.py
```
或参考
```
references/flex-elements.md
```
创建多层盒子嵌套。
添加交互性：确保所有按钮和图片都有正确的
```
action
```
定义。

Generate Key: Use
```
scripts/flex_builder.py
```
to generate a unique
```
X-Line-Retry-Key
```
.
Header Injection: Always include the retry key in the first request for supported APIs (Push, Multicast, etc.).
Error Handling: Follow the decision matrix in
```
references/retry-policy.md
```
:
- 429/5xx/Timeout: Retry with exponential backoff.
- 409: Log as "already accepted" and proceed.
- 2xx: Success.

生成密钥：使用
```
scripts/flex_builder.py
```
生成唯一的
```
X-Line-Retry-Key
```
。
注入请求头：在支持的API（Push、Multicast等）的首次请求中始终包含重试密钥。
错误处理：遵循
```
references/retry-policy.md
```
中的决策矩阵：
- 429/5xx/超时：使用指数退避策略重试。
- 409：记录为“已接受”并继续执行。
- 2xx：请求成功。

Flex Elements & Layout Guide: Detailed component specifications.
Flex Video Guide: Requirements and examples for video embedding.
Retry & Reliability Policy: Strategic guide for headers and error handling.
Flex Builder Script: Python utility for generating complex Flex JSON and retry headers.

Consistency: Use
```
spacing
```
and
```
margin
```
consistently across bubbles.
Responsiveness: Use
```
wrap: true
```
for text and test layouts with different font sizes.
Stability: Never send high-frequency messages without a retry strategy.