面向「无后端、低成本、纯前端」的 AI 产品从入门到上线的完整学习路线。 参考项目现有文档的使用方式:模块化拆分、逐步实践、可复用模板。
- 大模型基础知识:理解模型能力边界、推理 vs 生成、常见误区。
- 不同模型能力差异:语言模型、视觉模型、检索增强(RAG)的适用场景。
- 对话核心机制:消息结构、参数配置、上下文管理、输出控制。
- 提示词工程:从基础指令到多步任务拆解与提示词资产化。
- HTML 工作流搭建:用单文件 HTML 构建稳定的 AI 交互流程。
- 产品上线与商业化:从需求验证、发布上线到交付收费。
- 拿到文件包后的学习方法:如何学习、改造、排错、创作。
- 对外介绍与团队使用:如何介绍产品、如何内部复用。
- 基础认知与心智模型 → 01-foundations.md
- 模型能力与选型 → 02-model-capabilities.md
- 对话机制与参数体系 → 03-chat-parameters.md
- 提示词工程与思维框架 → 04-prompting.md
- HTML 工作流与工具化实践 → 05-html-workflows.md
- 纯前端产品架构(无后端) → 06-frontend-only-stack.md
- 产品上线、交付与商业化 → 07-launch-and-business.md
- 进阶迁移:从轻量到专业 → 08-next-stage.md
- 拿到文件包后怎么学习 → 09-using-this-repo.md
- 改成你自己的工具(定制与创作) → 10-customize-and-build.md
- 如何调整 bug 与排查问题 → 11-debugging.md
- 如何介绍你的 HTML 产品 → 12-product-intro.md
- 团队内部使用指南 → 13-team-usage.md
- 从模仿到创作的学习路径 → 14-learning-path.md
- 仓库文档导航 → 15-repo-docs-map.md
- 新手常见问题 FAQ → 16-faq.md
- 10 分钟快速开始 → 17-quickstart.md
- 创建新工具清单 → 18-tool-creation-checklist.md
- 新手最常见疑问清单(从他们出发) → 19-beginner-questions.md
- 大模型基础与 API 认知 → 20-llm-basics-and-api.md
- 前端知识集成:框架、组件与交互 → 21-frontend-knowledge-integration.md
- 技术呈现方式:HTML 与 Markdown 的分工 → 22-content-presentation.md
- 术语表与概念速查 → 23-glossary.md
- Prompt 模板库与任务配方 → 24-prompt-library.md
- 案例拆解:从想法到工具 → 25-case-study.md
- 输出质量评估与校验 → 26-quality-check.md
- 学习章节与工具练习映射 → 27-practice-map.md
- 顺序学习:按编号阅读,逐步建立完整的能力体系。
- 场景学习:根据你当前阶段选择对应章节深入。
- 练习驱动:每章都有「实践任务」,直接在本项目的 HTML 工具中复用。
每一章包含以下内容:
- 目标与收益:学完能做什么
- 关键概念:必备知识点
- 核心方法:可复用步骤与模板
- 实践任务:可直接落地到本项目的操作
- 常见坑:避免浪费时间
- 延伸阅读与练习:进一步巩固
这是一套完整可持续迭代的学习系统,后续内容越丰富,前面的结构越完善。