digitaltableteur
一个集成了AI对话、设计系统与多语言支持的现代化全栈个人作品集网站
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：digitaltableteur。 它的用途是：一个集成了AI对话、设计系统与多语言支持的现代化全栈个人作品集网站 完整的 Skill 内容见：https://321skill.com/skills/digitaltableteur/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
“我想在我的个人网站上添加一个AI聊天助手，并支持英文和中文。”，它会引导你查看项目中集成的AI聊天界面组件和i18n多语言配置方案，并提供集成步骤。或者，
对AI说：“如何用这个项目快速搭建一个技术博客？”，它会展示基于Sanity CMS的博客平台结构和MDX文章编写方法。
介绍
Digitaltableteur 是一个现代化的个人作品集网站，旨在为开发者、设计师和内容创作者提供一个功能全面、技术前沿的展示平台。它解决了个人项目展示、技术博客发布、多语言内容管理以及AI辅助交互体验的整合需求。
用户可以通过克隆仓库、配置环境变量并运行开发服务器来快速启动项目。它提供了Next.js和Vite两种开发环境，支持博客写作、AI聊天、多语言切换、设计系统组件库查看以及简历安全下载等多种功能。
这个项目非常适合希望构建个人品牌、展示全栈技术能力、实践现代化前端架构（如Next.js App Router、React 19、TypeScript）以及对AI集成（如MCP工具链）感兴趣的开发者、设计师和内容创作者。
使用建议：由于项目集成了较多外部服务（如Sentry、Linear、EmailJS等），建议先从核心功能（如博客、设计系统）开始体验，再逐步配置可选的高级功能。注意妥善保管.env.local文件中的API密钥，并根据需要调整多语言内容。
核心特点
核心区别在于它是一个生产就绪的混合架构（Next.js + Vite）项目，深度集成了AI开发工具链（MCP协议），并内置了完整的企业级设计系统与多语言支持，而非简单的个人主页模板。
注意事项
不适合只需要一个极简静态页面或对Node.js服务端部署无需求的用户。
常见问题
这个项目适合初学者学习吗？
适合有一定React/TypeScript基础，希望学习现代全栈架构、设计系统和AI集成的开发者。
部署需要哪些外部服务？
核心运行只需Node环境；完整功能需配置Google Analytics、EmailJS等服务的API密钥。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/digitaltableteur/raw/index.md 读取 digitaltableteur 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/digitaltableteur/raw/index.md（查看排版版本）