我用 AI 真实做过、用过、想过的事。
认识工具,学会协作,完成你的第一次 AI 编程。
合集已建好,发布后的内容会出现在这里。
从蔚蓝 AI 网站开始,记录设计、开发与迭代的过程。
理解代码仓库、版本管理与开源协作。
蔚蓝的其他站点
试试
小技巧:输入 #标签 精确筛选,比如 #浏览器扩展;↑ ↓ 选择结果,回车打开。
#标签
#浏览器扩展
KNOWLEDGE CARDS · 知识卡牌
每张卡只讲清一个概念。先看问题想一想,再翻面对答案。
模型处理文本的小单位
Token 可以是一个词、一个字,也可以是词的一部分。它帮助模型把语言转换成可以计算的信息。
同一句话,用不同语言表达时,Token 数量可能不同。
把需求说清楚
明确任务、提供必要背景,再说明你期待的输出形式。
任务 → 背景 → 输出要求
软件之间沟通的接口
像餐厅的点菜单:你按照约定提出请求,服务端处理后返回结果。你不必知道厨房里每一步怎么做。
模型一次能看到多少内容
上下文窗口限制了模型一次能够处理的信息量,通常包括输入内容与生成的回答。
重要信息放清楚,长任务适时整理摘要。
让每次修改都有迹可循
工作区用于修改文件,暂存区选择本次要提交的内容,仓库保存提交记录。
工作区 → 暂存区 → 仓库
从理解目标到执行任务
围绕一个目标,结合模型、工具和反馈,逐步推进任务。
理解目标 选择工具 执行并观察 调整下一步
用简单符号组织内容
通过少量标记,写出有标题、列表和链接的文档。
# 我的第一篇笔记 - 今天学到的概念 - 下次想尝试的事情
先查资料,再生成回答
检索增强生成会先寻找相关资料,再把资料提供给模型作为回答的参考。
流畅不代表准确
模型可能生成看起来合理、实际不正确的内容。涉及事实时,要核对来源和证据。
让回答附上可核查的出处,是一个好的开始。
结构、样式与交互
HTML 组织内容,CSS 控制视觉,JavaScript 添加交互。
HTML + CSS + JavaScript
给新想法留一个独立空间
分支让你在独立的开发线上尝试修改,再把完成的工作合并回去。
让模型使用外部能力
模型输出符合约定的工具请求,由程序执行,再把结果交回模型。
模型提出请求,程序负责实际执行。
理解输出的变化
温度影响采样时的随机程度。它不等同于知识水平,也不能保证事实正确。
页面布局的基本单元
每个盒子包含内容、内边距、边框和外边距。
内容 → 内边距 → 边框 → 外边距
用文字与电脑对话
终端让你输入命令来执行任务,比如进入目录、运行项目和查看状态。
保存任务需要的信息
通过保存和检索信息,让不同步骤之间共享必要的背景。
记忆应当可检查、可更新,而非无限堆积。
不只理解文字
多模态模型可以处理多种形式的信息,例如文本、图像或声音。
适应不同尺寸的屏幕
用灵活布局与断点,让内容在桌面、平板和手机上都容易阅读。
先照顾内容,再决定布局。
站在已有工具的基础上
依赖是项目使用的外部代码包。版本和兼容性决定了它们能否一起正常工作。
把大目标变成可执行步骤
清楚的步骤、输入和完成条件,可以帮助 Agent 更稳定地推进工作。
目标 → 步骤 → 检查 → 反馈
把含义表示为向量
嵌入把内容映射到数字向量,常用于相似度检索、聚类等任务。
把界面拆成可复用的部分
按钮、搜索框与卡片都可以成为组件,让结构和行为更容易维护。
把配置与代码分开
通过运行环境提供配置,让同一份程序适应不同环境。
敏感配置不应提交到公开仓库。
在关键步骤保留判断
涉及重要操作时,让用户检查具体结果,再决定是否继续执行。