Skip to content

Latest commit

 

History

History

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

README.md

Learn|从 0 到 1 的 AI 前端应用学习路径

面向「无后端、低成本、纯前端」的 AI 产品从入门到上线的完整学习路线。 参考项目现有文档的使用方式:模块化拆分、逐步实践、可复用模板。

你将学到什么

  • 大模型基础知识:理解模型能力边界、推理 vs 生成、常见误区。
  • 不同模型能力差异:语言模型、视觉模型、检索增强(RAG)的适用场景。
  • 对话核心机制:消息结构、参数配置、上下文管理、输出控制。
  • 提示词工程:从基础指令到多步任务拆解与提示词资产化。
  • HTML 工作流搭建:用单文件 HTML 构建稳定的 AI 交互流程。
  • 产品上线与商业化:从需求验证、发布上线到交付收费。
  • 拿到文件包后的学习方法:如何学习、改造、排错、创作。
  • 对外介绍与团队使用:如何介绍产品、如何内部复用。

学习路线总览(Outline)

基础能力

  1. 基础认知与心智模型01-foundations.md
  2. 模型能力与选型02-model-capabilities.md
  3. 对话机制与参数体系03-chat-parameters.md
  4. 提示词工程与思维框架04-prompting.md

工具与架构

  1. HTML 工作流与工具化实践05-html-workflows.md
  2. 纯前端产品架构(无后端)06-frontend-only-stack.md

上线与迁移

  1. 产品上线、交付与商业化07-launch-and-business.md
  2. 进阶迁移:从轻量到专业08-next-stage.md

学习与创作指南

  1. 拿到文件包后怎么学习09-using-this-repo.md
  2. 改成你自己的工具(定制与创作)10-customize-and-build.md
  3. 如何调整 bug 与排查问题11-debugging.md
  4. 如何介绍你的 HTML 产品12-product-intro.md
  5. 团队内部使用指南13-team-usage.md
  6. 从模仿到创作的学习路径14-learning-path.md
  7. 仓库文档导航15-repo-docs-map.md
  8. 新手常见问题 FAQ16-faq.md
  9. 10 分钟快速开始17-quickstart.md
  10. 创建新工具清单18-tool-creation-checklist.md
  11. 新手最常见疑问清单(从他们出发)19-beginner-questions.md
  12. 大模型基础与 API 认知20-llm-basics-and-api.md
  13. 前端知识集成:框架、组件与交互21-frontend-knowledge-integration.md
  14. 技术呈现方式:HTML 与 Markdown 的分工22-content-presentation.md
  15. 术语表与概念速查23-glossary.md
  16. Prompt 模板库与任务配方24-prompt-library.md
  17. 案例拆解:从想法到工具25-case-study.md
  18. 输出质量评估与校验26-quality-check.md
  19. 学习章节与工具练习映射27-practice-map.md

使用方式(建议)

  • 顺序学习:按编号阅读,逐步建立完整的能力体系。
  • 场景学习:根据你当前阶段选择对应章节深入。
  • 练习驱动:每章都有「实践任务」,直接在本项目的 HTML 工具中复用。

文档结构说明

每一章包含以下内容:

  • 目标与收益:学完能做什么
  • 关键概念:必备知识点
  • 核心方法:可复用步骤与模板
  • 实践任务:可直接落地到本项目的操作
  • 常见坑:避免浪费时间
  • 延伸阅读与练习:进一步巩固

这是一套完整可持续迭代的学习系统,后续内容越丰富,前面的结构越完善。