目录

CanvasAnvil hero

CanvasAnvil

AI-powered multi-canvas creation for Flow, CAD, PPT, Poster, Infographic, and Product storytelling.

version license React TypeScript Vite workspaces PRs welcome

Canvases · Skills · PPT Showcase · Quick Start · Chinese

⭐ If CanvasAnvil helps your workflow, please star the repo and fork it for your own canvas experiments.

CanvasAnvil brings diagramming, interior design workflows, presentation production, poster creation, infographic composition, and product storytelling into one unified workspace.

🌈 Release

Current release: v2.1.0

  • Refreshed the CanvasAnvil portal interface with clearer product navigation.
  • Added standalone pptist-lab deployment for the editable PPT editor.
  • Standardized local and deployment ports around the main app and the dedicated PPT editor service.
  • Updated the online access URL to https://canvasanvil.codingfgd.asia.
  • Improved PPT editor embedding compatibility for domain, HTTPS, and reverse-proxy deployments.

🌐 Online Access

Current online access URL:

The editable PPT editor is deployed as a standalone pptist-lab service and is embedded through the CanvasAnvil PPT workspace.

🎨 Creative Canvases

Workspace Focus Typical output
Flow structured diagram generation and partial editing flowcharts, architecture diagrams, logic diagrams
CAD interior planning, drawing coordination, and delivery packaging concept boards, 2D drawings, render briefs, material lists
PPT structured presentation generation and mixed export workflows presentations, pitch decks, editable decks, report slides
Poster single-frame visual communication event posters, promotional posters, campaign key visuals
Infographic information design and visual explanation explainer graphics, thematic information boards, comparison charts
Product product storytelling and feature communication product showcase pages, selling-point visuals, launch pages

🧰 Skills

CanvasAnvil includes dedicated local skills for each canvas so workflows stay opinionated, repeatable, and easier to maintain.

  • flow-skill · Diagram generation and packaging Outputs clean diagram assets and skips standalone HTML preview by default.
  • cad-skill · Interior-delivery workflow Exports drawing bundles and a CSV material list for downstream delivery.
  • ppt-skill · Full presentation production Enforces outline review before generation and supports editable PPT, PDF, and image-based PPT output.
  • poster-skill · Single-frame campaign visuals Focuses on strong composition, typography, and poster-ready output.
  • infographic-skill · Information-to-visual translation Organizes dense content into readable infographic layouts.
  • product-skill · Feature-led product storytelling Builds showcase visuals around positioning, selling points, and launch messaging.

All skills use the host text model by default. Only image generation requires explicit provider configuration.

🔷 Flow Canvas

Turn structured prompts into clear diagrams for research, systems, delivery plans, and teaching maps, then keep refining layout, labels, and node relationships in one place.

Showcase

Flow example: academic research framework
Academic Research Framework
Flow example: intelligent Q&A system architecture
Intelligent Q&A System Architecture
Flow example: project implementation roadmap
Project Implementation Roadmap
Flow example: course design mind map
Course Design Mind Map

🏠 Interior Design Canvas

Move from concept framing to drawable outputs by combining planning boards, 2D layouts, render briefs, and material-list delivery in one workflow.

Showcase

CAD renovation plan layout
Renovation Plan Layout
CAD floor finish plan
Floor Finish Plan
CAD reflected ceiling plan
Reflected Ceiling Plan
CAD wall setting out plan
Wall Setting-Out Plan
CAD MEP plan
MEP Coordination Plan
CAD elevation index and interior elevations
Elevation Index + Interior Elevations
CAD detail drawings
Detail Drawings

📑 PPT Canvas

Generate full presentations through a controlled pipeline: outline first, visual production second, then export as editable PPT, PDF, or image-based PPT.

Showcase

AI content creation workflow deck preview AI Content Creation Workflow Intelligent collaboration growth deck preview Intelligent Collaboration Growth
AI-driven business innovation deck preview AI-Driven Business Innovation Low-carbon smart campus transformation deck preview Low-Carbon Smart Campus Transformation

📣 Poster Canvas

Create high-impact single-frame visuals built for announcements, campaigns, events, and brand moments where composition has to carry fast.

Showcase

Poster example: Youth Design Forum 2026
Youth Design Forum 2026
Poster example: Jiangnan Guochao Culture Festival
Jiangnan Guochao Culture Festival
Poster example: Urban Summer Indie Music Festival
Urban Summer Indie Music Festival
Poster example: Future Intelligent Technology Summit 2026
Future Intelligent Technology Summit 2026

📊 Infographic Canvas

Translate dense information into visual explanation boards that stay readable, structured, and presentation-ready.

Showcase

Infographic example: AI computing power growth trend
AI Computing Power Growth Trend
Infographic example: smart car user priorities
Smart Car User Priorities
Infographic example: healthy daily routine guide
Healthy Daily Routine Guide
Infographic example: low-carbon lifestyle guide
Low-Carbon Lifestyle Guide

🛍️ Product Canvas

Present products through feature-led layouts that combine hero imagery, selling points, and narrative structure for launch and showcase use.

Showcase

Product example: wireless noise-cancelling earbuds
Wireless Noise-Cancelling Earbuds
Product example: flagship gaming laptop
Flagship Gaming Laptop
Product example: brightening essence skincare
Brightening Essence Skincare
Product example: intelligent electric SUV
Intelligent Electric SUV

🚀 Quick Start

  1. Install dependencies
npm install
  1. Start local development

CanvasAnvil uses two local ports: the main app runs on 8001, and PPTist Lab runs on 8003. Use the combined dev command to start both.

npm run dev:full

Default URLs:

  • Main app: http://127.0.0.1:8001
  • PPTist Lab: http://127.0.0.1:8003

For production deployment, CanvasAnvil now uses a dual-service setup:

  • 🧩 Main app: CanvasAnvil Web App
  • 📑 PPT editor: standalone pptist-lab static service

Docker and traditional deployments must run both services. See deploy/README.md for detailed deployment configuration.

  1. Run type checks
npm run check
  1. Build for production
npm run build

🧪 Common Commands

  • npm run dev:full: start the main app on 8001 and PPTist Lab on 8003
  • cd pptist-lab && npm run dev: start PPTist Lab on port 8003
  • npm run check: run TypeScript checks
  • npm run build: build the production bundle

📝 Development Notes

  • AI configuration is read from local app settings; image-generation workflows use the configured image provider
  • Local development depends on the API service for routes such as /api/ppt-ai
  • After changing local API route wiring in vite.config.ts, restart the dev server

📚 Docs

⚖️ License

CanvasAnvil is licensed under the GNU Affero General Public License v3.0 (AGPL-3.0). See LICENSE for the full license text.

💌 Contact

  • 3524962421@qq.com
关于

CanvasAnvil is an AI multi-canvas creation platform for flowcharts, interior design, presentations, posters, infographics, and product storytelling.

219.7 MB
邀请码
    Gitlink(确实开源)
  • 加入我们
  • 官网邮箱:gitlink@ccf.org.cn
  • QQ群
  • QQ群
  • 公众号
  • 公众号

版权所有:中国计算机学会技术支持:开源发展技术委员会
京ICP备13000930号-9 京公网安备 11010802032778号