feat(site): add gallery and ai generate infographic#7
Conversation
Aarebecca
commented
Nov 3, 2025
Aarebecca
commented
- Gallery
- AI 生成信息图
Summary of ChangesHello @Aarebecca, I'm Gemini Code Assist1! I'm currently reviewing this pull request and will post my feedback shortly. In the meantime, here's a summary to help you and other reviewers quickly get up to speed! 此拉取请求为网站引入了两项重要的新功能：一个全面的信息图模板图库和一个创新的AI生成信息图工具。图库允许用户直观地浏览和选择现有模板，而AI工具则通过自然语言交互，极大地简化了信息图的创建过程，支持多种主流AI模型。这些改进旨在显著提升用户创建和探索信息图的效率和体验。 Highlights
Using Gemini Code AssistThe full guide for Gemini Code Assist can be found on our documentation page, here are some quick tips. Invoking Gemini You can request assistance from Gemini at any point by creating a comment using either
Customization To customize Gemini Code Assist for GitHub experience, repository maintainers can create a configuration file and/or provide a custom code review style guide (such as PEP-8 for Python) by creating and adding files to a Limitations & Feedback Gemini Code Assist may make mistakes. Please leave feedback on any instances where its feedback is incorrect or counter productive. You can react with 👍 and 👎 on @gemini-code-assist comments. If you're interested in giving your feedback about your experience with Gemini Code Assist for Github and other Google products, sign up here. You can also get AI-powered code generation, chat, as well as code reviews directly in the IDE at no cost with the Gemini Code Assist IDE Extension. Footnotes
|
![gemini-code-assist[bot]](https://avatars.githubusercontent.com/in/956858?s=60&v=4){kind=small}
There was a problem hiding this comment.
Code Review
你好！感谢你对这个项目的贡献。这次的 PR 增加了模板画廊和 AI 生成信息图两大核心功能，代码结构清晰，特别是对 AI 服务和本地存储的抽象设计得很好。我主要在以下几个方面提出了一些建议：
- 代码一致性：重命名组件后，内部代码也需要同步更新。
- 安全性：API 密钥的处理需要更加谨慎，避免在 URL 中传递。
- 用户体验：优化了确认对话框和错误状态的展示，以提供更一致和清晰的用户界面。
- CSS 最佳实践：避免使用
!important以提高代码的可维护性。
总的来说，这是一次非常出色的功能迭代！期待这些问题修复后合并。
|
key 支持下 zenmux。 |
Co-authored-by: gemini-code-assist[bot] <176961590+gemini-code-assist[bot]@users.noreply.github.com>
我看了下 zenmux 提供的模型代理服务，那边平台申请到的 baseUrl 和 apiKey 直接填过来就能用 |
There was a problem hiding this comment.
Pull Request Overview
This PR implements a major feature addition to the infographic site: an AI-powered demo for generating infographics through natural language conversations. It also includes several configuration updates, template fixes, a gallery component for browsing templates, and various UI enhancements.
- Adds a comprehensive AI demo system supporting multiple AI providers (OpenAI, Anthropic, Google, xAI, DeepSeek, Qwen)
- Implements a template gallery with search and filter capabilities
- Fixes template naming inconsistencies (hierarchy-pyramid → list-pyramid)
- Updates site configuration including domain, branding, and favicon
Reviewed Changes
Copilot reviewed 26 out of 28 changed files in this pull request and generated 1 comment.
Show a summary per file
| File | Description |
|---|---|
| packages/site/src/components/AIDemo/* | Complete AI demo implementation with chat interface, config management, and storage |
| packages/site/src/components/Gallery.tsx | New gallery component for browsing and previewing templates |
| packages/site/src/components/Infographic.tsx | Enhanced with styling and resource loading |
| packages/site/src/components/ResourceLoader.ts | SVG resource loader with caching |
| packages/infographic/src/designs/structures/list-pyramid.tsx | Renamed structure file to fix naming consistency |
| packages/infographic/src/templates/built-in.ts | Updated template references |
| packages/site/docusaurus.config.ts | Updated domain, baseURL, and branding |
| packages/site/docs/examples/* | Added AI demo page and updated examples |
| packages/site/package.json | Added dependencies for AI SDK and Ant Design |
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
