YL

yazelin/line-chat-maker

Browser automation

This page was translated automatically. Technical details may differ from the original. View the original

21 stars Quality 58 Trend 18MIT

Free offline LINE-style chat screenshot generator (for creative reference only) — WYSIWYG, PNG export, PWA, AI skills

Overview

Give a Topic → AI Screenwriter Writes the Script (Judges score, submission rejected) → One-click Turn into Dialogue → AI Supplement Images Generate stickers/photos/avatars all at once: - WYSIWYG (What You See Is What You Get): bubble text, nickname, time, read count, instantly change when tapped - Avatar upload auto-cropping (images are only stored in your browser and not uploaded to any server) - Complete LINE components: quote replies, emoji replies (emoji or autobiographical mini-images), "..." separators and dates, automatic saving of consecutive messages - Phone outerframe (notch, SVG status bar, home bar) can be toggled; Group/1-to-1 mode switching - Six appearance options: Play Five styles each with different colors, chat window designs, slight tilt and entry animation, adjustable "playfulness"; the real version features realistic LINE style + AI floating button switch - Font change: built-in round, Kaishu, Mingti, etc., or directly choose any font installed on your computer (Chrome/Edge), the entire phone screen switches synchronously, recreating the screenshot feel of "special fonts used on friends' phones" - Two screen heights: based on message content or fixed height (px adjustable, message background looks like a real chatroom) - one-click export of PNG (2x resolution); "Embedding" copies a segment of scoped HTML and embeds it into blogs/CMS for direct display; Watermark can be toggled or toggled, text can be customized (default is "LINE Conversation Generator") - Dialogue script JSON import/export: archive, share, or have AI directly generate the entire conversation - "AI" tab, command (e.g., generate a conversation where a mom reminds her son to bring an umbrella), AI can directly modify the screen and restore with one click; Comes with API Key (Groq/OpenAI/Gemini/OpenRouter/Ollama/custom) or choose "Pay Yaze's Credit Card" for free trial (daily limited, forwarded by the site owner's worker agent, does not save conversation content; fork can be self-loaded); Screenwriters/reviewers and executioners can set different models separately - Multiple drafts: Creations are automatically saved in real time on the local machine (IndexedDB); Opening someone else's sharing link or importing JSON will display ** and won't overwrite your creation. - : The first time you open it, there are demo drafts of various skins (including real group and one-on-one). Open and modify directly. - PWA: After installation, airplane mode will still be used Ready to show off? Go to paste: Drag the exported MP4 or PNG directly into it (GitHub renders it into playable videos, with a maximum of 10MB per file; videos in this tool are usually much smaller), then paste the "Copy Share Link" URL. Everyone clicks the link to create their own draft and continue editing. No need to register for any service; GitHub saves media and discussion threads for you. 1. (ai.

Overview (machine translated)

A free, no-registration, completely offline LINE-style conversation screenshot generator.

Online use: https://yazelin.github.io/line-chat-maker/

60-Second Demonstration

Give a Topic → AI Screenwriter Writes the Script (Judges score, submission rejected) → One-click Turn into Dialogue → AI Supplement Images Generate stickers/photos/avatars all at once:

Two works made with this tool (playing video animations) can be viewed together with the online version: Demonstrations and Works Page

What can be done?

  • What You See Is What You Get: bubble text, nickname, time, read count—click and change it instantly
  • Auto-crop avatar upload (images are only stored in your browser and not uploaded to any server)
  • LINE fully equipped with features: quote replies, emoji replies (emoji or autobiographical miniature), “…(omitted)…” separators, date separators, and automatic profile pictures for continuous messages
  • Phone frame (notch, SVG status bar, home bar) can be toggled; Group/1-to-1 mode switching
  • Six appearance options: **Sticker Planner / Jelly Gummies / Hand-Drawn Doodle / Pop Neon (Dark Background) / Xuan Paper Ink / Real-Life **. The five fun models each have different color options, dialogue box designs, slight tilt and entry animation, and adjustable playfulness. The real version features a realistic LINE style + AI floating button switch
  • Font Change: Built-in Round Script, Regular Script, Ming Dynasty, etc., or simply select any font installed on your computer (Chrome/Edge) to instantly switch the entire phone screen, recreating the screenshot feeling of “friends using special fonts” on their phones
  • Two types of screen height: based on message content or fixed height (px adjustable, message bottom looks like a real chatroom)
  • One-click export of PNG (2x resolution); “Embedding” Copy a segment of scoped HTML and paste it into blogs/CMS for direct display; Watermark can be toggled or toggled, text can be customized (default is “LINE Conversation Generator”)
  • Dialogue script JSON import/export: archive, share, or let the AI directly generate entire conversations
  • Built-in AI Assistant: Under the “AI” tab, you can command (e.g., generate a conversation where a mother reminds her son to bring an umbrella), and the AI will directly change the screen with one-click restoration; Comes with API Key (Groq/OpenAI/Gemini/OpenRouter/Ollama/Custom) or select “Use Yaze’s Credit Card” for a free trial (daily limited edition, forwarded by the site owner’s worker agent, does not save conversation content; fork can be set up by yourself); Screenwriters/reviewers and executioners can set different models separately
  • Multiple drafts: Creations are automatically saved in real time on the local machine (IndexedDB); Opening someone else’s shared link or importing JSON will open as new drafts and won’t overwrite your creation
  • Built-in Examples: The first time you open it, you’ll see demo drafts of various skins (including real group and one-on-one), which you can open and modify directly
  • PWA: Continues to use airplane mode after installation

Sharing of works

Ready to show off? Go to the Work Sharing Forum and paste it: drag the exported MP4 or PNG directly into it (GitHub renders it as playable video, with a maximum of 10MB per file; videos in this tool are usually much smaller), then paste the URL for “copy and share.” Everyone can click the link to create their own draft and continue editing. No need to register for any service; GitHub saves media and discussion threads for you.

This page was translated automatically. Technical details may differ from the original.

Recommended Tools

Try a different keyword or remove a filter.

Install

npx skillfish add yazelin/line-chat-maker
New to MCP? Start with the mcpskill.org guide →