中文版 | English
An AI chat application built with Electron + React + TypeScript, supporting multi-model conversations, intelligent crosstab data analysis, and knowledge organization management.
基于 Electron + React + TypeScript 开发的AI聊天应用,支持多模型对话、交叉数据分析和知识组织管理。
示例:渐进式交互,生成小说设定
- Support for multiple AI models (OpenAI GPT, Claude, DeepSeek, etc.)
- Streaming conversation responses with reasoning process display
- Message tree branch management with conversation version control
- Hierarchical chat history organization with parallel tab workflow
- Global content search with keyword highlighting
- Global AI generation task management with task monitoring and cancellation
- Global Q&A traceability mechanism to track generation relationships across pages
- AI Crosstab Analysis: Automatically generate structured comparison analysis tables
- AI Object Manager: Visual knowledge data structure management
- Data Import/Export: Support for mainstream AI platform data migration (OpenAI ChatGPT / Deepseek Chat)
- Folder hierarchical organization
- Message bookmarking and tagging
- Batch operations and drag-and-drop sorting
- Data backup and recovery
- Node.js 18+
- Windows 10+, macOS 10.15+, or Linux
# Install dependencies
pnpm install
# Development mode
pnpm dev
# Build application
pnpm build:win # Windows
pnpm build:mac # macOS
pnpm build:linux # Linux
- Launch the application and go to settings
- Configure AI model parameters:
- Configuration name
- API endpoint
- Access key
- Model identifier
- Select default model and test connection
Convert any topic into structured comparison analysis tables, suitable for:
- Academic research literature comparison
- Business decision solution evaluation
- Educational material knowledge organization
- Product feature competitive analysis
Workflow:
- Input analysis topic
- AI automatically generates table structure
- Fill intersection data
- Manual editing and optimization
Visualize complex data structures with support for:
- Tree structure display
- AI automatic node generation
- Manual editing and organization
- Structured data export
- Message tree structure
- Independent conversations between branches
- Historical version switching
- Context inheritance
- Frontend: React 19 + TypeScript + Ant Design
- Backend: Electron main process
- Build: Vite + Electron Builder
- Styling: CSS Modules + SCSS
src/
├── main/ # Electron main process
├── renderer/ # Renderer process
│ ├── components/ # React components
│ ├── store/ # State management
│ ├── services/ # Business logic
│ └── utils/ # Utility functions
└── preload/ # Preload scripts
react-markdown
: Markdown renderingmermaid
: Chart drawingkatex
: Mathematical formulashtml2canvas
: Screenshot functionalityrehype-highlight
: Code highlighting
Education & Research: Course design, knowledge organization, literature analysis
Business Analysis: Market research, competitive comparison, strategic planning
Content Creation: Topic planning, material organization, structured writing
Personal Learning: Note organization, knowledge comparison, review materials
- Fork the project and create a feature branch
- Follow TypeScript and ESLint standards
- Submit code and create Pull Request
- Use functional components and Hooks
- Follow conventional commits format
- Maintain type safety
- Bug fixes
- Generation prompt and context optimization
- Performance optimization and user experience improvement
MIT License - See LICENSE file for details