LangChat-Slides: AI-Powered Smart Slide Generator 101

What is LangChat-Slides?

LangChat-Slides is the flagship sub-product of the LangChat Pro enterprise-grade AIGC platform, built with Vue3 and the @antv/infographic visualization engine. Users simply describe the topic in everyday language, and the tool directly generates well-structured, color-coordinated infographic slides ready for presentations, all within the browser. The slides can also be exported as PDF, PNG, and PPTX formats with a single click.

Official Website:http://langchat.cn/

Open Source Address: https://github.com/LangChat/langchat-slides

Core Features of LangChat-Slides

• Create slides with everyday language: just say a sentence and a complete set is generated, with automatic chapter division, illustrations, and layout.

• Real-time streaming generation: the page is drawn while the model is thinking, so you see exactly what's being generated without waiting for it all to finish.

• 30+ infographic templates: timelines, flowcharts, hierarchical diagrams, data dashboards, lists, and more — switch with a single click.

• Edit content like chatting: anytime input "change the title to red" or "add a KPI metric on page three," and AI instantly redraws.

• Multiple export formats: poweredd by html2canvas and jsPDF, one click to download as PNG, PDF, SVG, PPTX.

• All frontend implementation: built with Vue3, Vite, and TypeScript, can be deployed on your own server; supports OpenAI GPT-3.5, GPT-4, and other compatible interfaces.

• Bilingual UI (Chinese and English) and keyboard shortcuts: common actions like new, delete, zoom, and undo all have shortcuts.

Common Use Scenarios for LangChat-Slides

• Business Reports: quarterly summaries, project reviews, product launches.

• Training Materials: new employee onboardingonboarding briefings, process standards training, SOP explanations.

• Marketing & Promotion: competitor comparisons, white paper interpretation, partnership proposals.

• Data Visualization: operations dashboards, financial metrics, user profiles.

• Agile Proposals: startup pitch decks, requirement reviews, rapid brainstorming drafts.

How to Use LangChat-Slides (5 Steps to Get Started)

Get the Source Code or Try It Online

• Open source version: visit the GitHub address: https://github.com/LangChat/langchat-slides, clone the repo, and follow the README to launch it.

• Commercial version: go to the official website langchat.cn to apply for a SaaS account or an on-premise deployment package.

Configure the Large Language Model (Required on First Setup)

• Fill in your OpenAI API Key (or another compatible interface address) in the .env file, then restart the service.

Create a New Presentation

• Enter the "Slides" module, click "New," and type the topic in either Chinese or English in the input box below, for example: "Help me generate a 2026 new energy market trends report, 6 pages, covering market size, policies, competitive landscape, and future outlook."

Watch & Edit in Real Time

• Thumbnails appear on the right immediately, drawn as it is generated; to make edits, simply add plain-language commands in the input box, such as "add a China sales bar chart on page 3" or "change the cover subtitle to green."

Export and Share

• Click "Export" at the top, choose PDF, PPTX, or PNG, and the file is ready to download in 2-3 seconds; you can also copy the online link to share with colleagues.

FAQ about LangChat-Slides

• Do I have to bring my own OpenAI Key?

  The open source version requires your own Key; the commercial version comes with built-in quota, or you can connect your company's own large model interface.

• Can LangChat-Slides work offline or on an intranet?

  Yes. The project frontend and backend can both be packaged as containers; just point the model interface to an internal address.

• Can the generated content be used commercially?

  The platform is just an tool; the content copyright belongs to the user. If the templates include third-party icons or illustrations, you must comply with their licenses (mostly MIT or CC0).

• How well does it support Chinese and complex tables?

  Chinese understanding and paragraph segmentation are already well handled; for tables and formulas, it's currently recommended to add them manually using the "Append Mode," then let AI unify the color scheme and layout.

• What if the page keeps loading?

  First, make sure your browser uses the Chromium engine (v88 or above); then check the console for CORS errors or WebSocket blocked by a firewall; if using a self-signed HTTPS certificate, you need to mark the site as trusted.