← ClaudeAtlas

line-lifflisted

Comprehensive reference for LINE Front-end Framework (LIFF) SDK — building web apps inside LINE with authentication, messaging, QR scanning, permanent links, pluggable SDK, and LIFF plugin development. This skill should be used when the user asks to "build a LIFF app", "initialize liff.init()", "send messages from LIFF", "use Share Target Picker", "scan a QR code in LIFF", "create a permanent link", "develop a LIFF plugin", or mentions LIFF SDK, LINE Front-end Framework, CDN/npm integration, pluggable SDK tree-shaking, LIFF-to-LIFF transitions, LIFF browser vs external browser, Endpoint URL configuration, or server-side ID token verification from LIFF. Always use this skill whenever the user mentions LIFF, web apps inside LINE, or LINE Front-end Framework, even if they don't explicitly say "LIFF SDK".
abgne/line-dev · ★ 0 · API & Backend · score 72
Install: claude install-skill abgne/line-dev
# LINE LIFF (Front-end Framework) **Do not answer LIFF questions from memory — LINE updates APIs frequently and training data is unreliable. Always consult the references below.** Reference for building, reviewing, and debugging LIFF web apps inside LINE. ## Workflow ### Build 1. Read [references/guidelines.md](references/guidelines.md) (registration, endpoint URL rules, environment compatibility) 2. Load the relevant reference for the feature being implemented 3. For architecture or design choices, consult [references/experts.md](references/experts.md) for directional guidance 4. Write code following specs and constraints from references ### Review / Debug 1. Read [references/guidelines.md](references/guidelines.md) (URL constraints, authentication flow, API availability) 2. Load relevant references for the code being reviewed 3. Cross-check code against specs (endpoint URL rules, scope requirements, environment limitations, init order) 4. For design pattern concerns, consult [references/experts.md](references/experts.md) 5. Report violations with reference to specific constraints ## Environment Variables ``` LIFF_ID=LIFF app ID (from LINE Developers Console) LINE_LOGIN_CHANNEL_ID=LINE Login Channel ID (for server-side JWT verification) LINE_LOGIN_CHANNEL_SECRET=Channel secret (server-side only) CHANNEL_ACCESS_TOKEN=Channel access token (for LIFF Server API — manage LIFF apps programmatically) ``` ## SDK Install via CDN or npm. For tree-shaking (reduce ~34% bundle s