project-foundation
基于 Lovable 平台的 React 全栈项目基础模板与开发环境
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：project-foundation。 它的用途是：基于 Lovable 平台的 React 全栈项目基础模板与开发环境 完整的 Skill 内容见：https://321skill.com/skills/project-foundation/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
“我需要创建一个带有用户登录界面的仪表盘应用。”，它会引导你在 Lovable 中通过描述生成相应 React 组件和页面逻辑。或者，在本地运行 `npm run dev` 后，你可以
对AI说：“帮我在 src/components 下创建一个新的图表组件。”，它会提供具体的代码实现。
介绍
这是一个为 Lovable 平台设计的全栈项目基础模板，旨在帮助开发者快速启动和部署现代化的 Web 应用。它解决了从零搭建项目时技术选型、环境配置和部署流程繁琐的问题，提供了一个开箱即用的开发起点。
使用方式非常灵活：你可以直接在 Lovable 平台的 Web IDE 中通过提示词进行可视化开发，所有改动会自动同步到 Git 仓库；也可以克隆仓库到本地，使用熟悉的 IDE（如 VSCode）进行开发，并通过 npm 脚本启动本地开发服务器；还可以直接在 GitHub 上编辑文件或使用 Codespaces。
该模板非常适合希望快速验证想法、构建 MVP（最小可行产品）或专注于业务逻辑而非底层配置的开发者。对于全栈开发、前端开发或产品经理来说，它能极大提升从构思到上线的效率。
建议初次使用时优先体验 Lovable 平台的在线开发功能，感受其 AI 辅助开发的便捷性。当需要进行复杂的本地调试或集成特定工具链时，再切换到本地开发模式。注意，项目深度定制可能需要对 Vite、React 等技术栈有一定了解。
核心特点
与普通项目脚手架不同，它深度集成 Lovable 平台的 AI 辅助开发与一键部署能力，实现了云端可视化开发与本地 Git 工作流的无缝衔接。
注意事项
不适合需要高度定制化构建流程或非 Node.js/React 技术栈的项目。
常见问题
如何部署这个项目？
在 Lovable 项目页面，点击 Share -> Publish 即可一键部署。
可以连接自己的域名吗？
可以，在 Lovable 的项目设置 > Domains 中连接自定义域名。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/project-foundation/raw/index.md 读取 project-foundation 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/project-foundation/raw/index.md（查看排版版本）