乐于分享
好东西不私藏
当前位置：夜雨聆风 > 技术教程 > 软件教程 > 魔方简历:AI 驱动的智能简历编辑器,让求职更简单

魔方简历:AI 驱动的智能简历编辑器,让求职更简单

当前时间： 2026-05-13 09:08:46 更新时间： 2026-05-13 分类：软件教程 评论(0)

魔方简历:AI 驱动的智能简历编辑器,让求职更简单

✨ 魔方简历：AI 驱动的智能简历编辑器，让求职更简单 ✨

🎯 为什么选择魔方简历？

在求职竞争激烈的今天，一份专业的简历是打开理想工作大门的钥匙。魔方简历（Magic Resume）是一款现代化的在线简历编辑器，让创建专业简历变得简单有趣。

🤖 AI 智能加持，简历更专业

魔方简历内置强大的 AI 功能，支持多家主流 AI 服务提供商：

  • • 智能润色：AI 自动优化文案表达，让简历更专业
  • • 语法检查：自动检测并修正语法和拼写错误
  • • PDF 导入：支持上传 PDF 简历，AI 自动识别并生成结构化数据

支持的 AI 模型包括：豆包、DeepSeek、OpenAI、Gemini

🔒 隐私优先，数据安全

所有简历数据完全存储在您的本地设备中，无需担心隐私泄露。支持数据导出备份，确保您的简历数据随时可用。

🎨 多样化模板，随心定制

提供多种专业简历模板：

  • • 经典模板：传统简约的简历布局，适合大多数求职场景
  • • 两栏布局：经典两栏，突出个人特色
  • • 时间轴布局：时间轴风格，突出经历的时间顺序
  • • 极简模板：大面积留白，干净纯粹的排版风格

支持自定义主题颜色、字体、字号、行高等全局设置。

📤 一键导出，轻松投递

  • • 支持 PDF 格式导出，完美适配打印需求
  • • 支持 JSON 格式导出，方便数据备份和跨设备同步
  • • 实时预览编辑效果，所见即所得

💻 技术栈

基于现代化技术栈构建：TanStack Start、TypeScript、Motion、Tiptap、Tailwind CSS、Zustand、Shadcn/ui

应用架构

State Layer
TanStack Start Application
Deployment Layer
Vercel Platform
Docker Containerdocker-compose.yml
Local Developmentpnpm dev
Routes Layersrc/routes
UI Componentssrc/components
API Routessrc/routes/api
useResumeStoresrc/types/resume.ts
useAIConfigStore
useGrammarStore

该架构展示了从部署层到应用层再到状态层的完整结构。

数据流架构

Rendering
Persistence
Central State
User Input
BasicInfo Editorsrc/types/resume.ts: BasicInfo
Experience Editorsrc/types/resume.ts: Experience
Project Editorsrc/types/resume.ts: Project
Education Editorsrc/types/resume.ts: Education
ResumeStoresrc/types/resume.ts: ResumeStore
Store ActionsupdateBasicInfo()addExperience()updateEducation()
localStorageZustand Persist
File System SyncSettings Panel
AutoOnePage Hooksrc/hooks/useAutoOnePage.ts
Resume TemplatesClassic, Modern, Timeline

数据流以 ResumeStore 为中心，采用单向数据流模式。

用户工作流

Create
Import
Configure AI
PDF
JSON
Homepagesrc/i18n/locales/en.json: home
Dashboardsrc/i18n/locales/en.json: dashboard
Action Type
Create New Resumesrc/i18n/locales/en.json: createDialog
Import JSON/PDFsrc/i18n/locales/en.json: importDialog
AI Service Configsrc/i18n/locales/en.json: settings.ai
Resume Editor
Edit ContentTiptap Editor
Update ResumeStore
Real-Time Preview
Export?
PDF Export
JSON Export

核心技术栈

层级
技术栈
用途
框架
TanStack Start, TypeScript
现代化全栈框架，类型安全
UI 库
Tailwind CSS, Shadcn/ui, HeroUI
样式和组件基础
动画
Motion (Framer Motion)
流畅的过渡和交互效果
富文本
Tiptap
简历部分的所见即所得编辑
状态管理
Zustand
集中式状态管理
图标
Lucide Icons, Remix Icon
一致的图标系统

🚀 快速开始

git clone git@github.com:JOYCEQL/magic-resume.git
cd magic-resume
pnpm install
pnpm dev

打开浏览器访问 http://localhost:3000 即可开始使用

💰 免费使用

魔方简历目前完全免费，满足基础简历制作需求，开源版本的功能不会变更。

注意：本项目源代码基于 Apache 2.0 协议开源，但附带严格的商业使用限制。仅限个人非商业目的免费使用，商业用途需获取授权。

体验地址：https://magicv.art/zh

立即使用魔方简历，开启你的新职业篇章！ ⭐️