前端助手
- 作者仓库星标 105
- 作者更新于 实时读取
- 作者仓库 claude
- 领域
- 通用
- 兼容 Agent
-
- Claude Code
- Cursor
- Cline
- Codex
- Windsurf
- Gemini CLI
- +20
- 信任分
- 92 / 100 · 已通过审计
- 作者 / 版本 / 许可
- @312362115 · v1.0.0 · 未声明 license
- Token 消耗评级
- 低消耗
- 接入复杂程度
- 即装即用
- 是否需要外部 API Key
- 不需要
- 兼容的系统
- 未声明(默认跨平台)
- 底层运行要求
- 无特殊要求
- 文件与系统权限
-
- 只读
- 允许写入 / 修改
- 网络行为
- 仅限本地
- 安装命令数
- 26 条
档案由构建时根据 SKILL.md 与安装命令自动衍生,可能与作者实际意图存在差异。
需要注意: 未限定 allowed-tools,默认拥有全部工具权限。
---
name: learning-companion
description: > |------|-----------| | 你已经会什么? | 用已知类比未知。"你懂 Express?那 Fastify 就像是..." | | 学习目的 | 了解概念 vs 准备上手…
category: 通用
runtime: 无特殊运行时
---
# learning-companion 输出预览
## PART A: 任务判断
- 适用问题:通用任务拆解、检查和交付。
- 输入要求:目标材料、限制条件、期望输出和验收方式。
- 证据边界:围绕“第一步:了解学习者 / 第二步:选择教学策略 / 第三步:组织内容”读取原文规则,不把推断写成作者承诺。
## PART B: 执行结果
- **01** 任务判断:确认你的需求是否属于通用任务拆解、检查和交付,并标出输入、限制和预期结果。
- **02** 执行计划:优先按“第一步:了解学习者 / 第二步:选择教学策略 / 第三步:组织内容”拆成步骤,说明每一步会读取什么、修改什么、产出什么。
- **03** 交付结果:给出可复制的命令、文件改动、检查清单或内容草稿,并说明如何继续迭代。
- **04** 风险边界:结合 读取文件、写入/修改文件、主要在本地完成、通常不需要额外 API Key 给出执行前确认项。
## Running Rules
- 读取文件、写入/修改文件;主要在本地完成;通常不需要额外 API Key。
- 先小样例验证,再放大到真实任务。
- 交付时同时给结果、检查口径和下一步迭代建议。 先确认触发方式
原文没有稳定的斜杠命令要求。安装验证后通常全局生效,直接在对话里点名这个 Skill 并描述任务即可。
给清楚输入和边界
告诉 Agent 目标文件或材料、期望结果、不可改范围、是否允许联网或执行命令。本 Skill 的权限画像是:读取文件、写入/修改文件。
小样例验证后再放大
先用一个小任务确认它会围绕“第一步:了解学习者 / 第二步:选择教学策略 / 第三步:组织内容”工作;涉及文件或命令时,先看 diff、日志、预览或测试结果。
复核后再交付
检查最终产物是否包含明确结果、必要证据和下一步动作;如果输出泛泛而谈,就补充输入、边界和验收标准后重跑。
---
name: learning-companion
description: > |------|-----------| | 你已经会什么? | 用已知类比未知。"你懂 Express?那 Fastify 就像是..." | | 学习目的 | 了解概念 vs 准备上手…
category: 通用
source: 312362115/claude
---
# learning-companion
## 什么时候使用
- > |------|-----------| | 你已经会什么 适合处理通用任务拆解、检查、交付和复盘,核心价值是把输入、判断、执行、验证和交付边界固定下来,避免 Agent 泛泛回答。 把任务拆成可执行、可检查、可继续迭代的步骤;通常…
- 面向通用任务拆解、检查和交付,优先处理能明确输入、步骤和验收标准的工作。
## 需要提供什么
- 目标材料、目录范围、期望结果和不可改动内容。
- 是否允许联网、执行命令、读写文件或调用外部服务。
## 执行规则
- 围绕「第一步:了解学习者 / 第二步:选择教学策略 / 第三步:组织内容」组织步骤,不把推断写成作者事实。
- 读取文件、写入/修改文件;主要在本地完成;通常不需要额外 API Key。
- 先跑小样例,确认结果可检查后再扩大任务范围。
## 输出要求
- 给出最终产物、关键证据、验证方式和下一步动作。
- 信息不足时标记 unknown,不编造命令、平台或依赖。 证据边界与执行链路
作者原文负责流程事实;仓库文件负责来源和命令;流狐只补充适用场景、限制和质量判断。
skill "learning-companion" {
输入层 -> 用户目标 + 目标文件 + 禁止范围 + 验收标准
上下文层 -> 第一步:了解学习者 / 第二步:选择教学策略 / 第三步:组织内容
规则层 -> SKILL.md 触发条件 / 执行顺序 / 输出格式
运行层 -> 无特殊运行时 | 读取文件、写入/修改文件 | 主要在本地完成
安全层 -> 通常不需要额外 API Key + 小任务验证 + diff / 日志复核
输出层 -> 可复制结果 + 检查清单 + 下一步迭代
} 学习助手(Learning Companion)
最好的老师不是知道最多的人,而是最了解学生的人。 本 skill 的核心:先了解你已经知道什么,再用你已知的语言解释未知的东西。
第一步:了解学习者
在开始解释之前,先确认:
| 问题 | 为什么重要 |
|---|---|
| 你已经会什么? | 用已知类比未知。"你懂 Express?那 Fastify 就像是..." |
| 学习目的 | 了解概念 vs 准备上手 vs 准备分享,深度完全不同 |
| 期望形式 | 要简短概括还是完整教程? |
如果从 memory 中知道用户背景,直接用,不重复问。比如 memory 记录了"深 Go 经验、新学 React",就直接用 Go 的类比解释 React。
第二步:选择教学策略
根据学习内容和用户背景,选择最合适的方式:
| 策略 | 适用场景 | 示例 |
|---|---|---|
| 类比法 | 用户精通 A,要学 B,A/B 有相似概念 | "Go 的 goroutine 类似 JS 的 async/await,但是..." |
| 对比法 | 学习相似概念的差异 | "useEffect vs useLayoutEffect:timing 不同..." |
| 渐进法 | 全新领域,无类比基础 | 从最简单的例子开始,逐步加复杂度 |
| 实践法 | 用户偏好动手学 | 给一个最小可运行的例子,边改边学 |
| 溯源法 | 理解设计理念 | "为什么要有 React Hooks?之前用 class 有什么痛点?" |
第三步:组织内容
3.1 概念解释结构
一句话总结(这东西是什么、解决什么问题)
↓
类比(用你已知的东西做桥梁)
↓
核心概念(3-5 个关键点,不贪多)
↓
最小示例(可运行的代码,10-20 行以内)
↓
和已知的对比(跟你熟悉的技术有什么异同)
↓
进阶路线(想深入的话看什么)
3.2 技术栈学习路径
全景地图(这个技术栈包含什么,各部分干什么)
↓
核心概念(必须先理解的 3-5 个概念)
↓
Hello World(最小可运行项目)
↓
实战练习(解决一个真实小问题)
↓
深入话题(性能、最佳实践、常见坑)
↓
参考资源(官方文档、推荐教程、社区)
教学准则
- 用用户的语言:用户是后端出身就用后端类比,用户是前端出身就用前端类比
- 不假设基础:提到专有名词时,简要解释或给出类比,除非确认用户已知
- 少即是多:一次讲 3 个概念比讲 10 个有效。信息过载 = 没学到
- 代码胜千言:一个 10 行的可运行示例比 3 段文字描述更有效
- 诚实说"这很复杂":有些东西确实难,不要假装简单。说清楚"这个概念需要时间消化"
- 鼓励提问:解释完后主动问"有没有哪里不太清楚?"
- 不跑题:用户问 React Hooks 就讲 Hooks,不要把整个 React 生态都介绍一遍
常见学习场景
| 场景 | 教学重点 |
|---|---|
| 新框架入门 | 核心理念→和已知框架对比→Hello World→核心 API |
| 新语言入门 | 语法差异对比→类型系统→并发模型→包管理→最小项目 |
| 设计模式 | 解决什么问题→不用会怎样→最小示例→实际代码中的应用 |
| 架构概念 | 为什么需要→解决什么问题→和不用相比的 trade-off→实际案例 |
| 算法/数据结构 | 直觉解释→可视化→伪代码→复杂度分析→何时使用 |
与其他 skill 的关系
接手新项目,不懂技术栈 → learning-companion(学技术栈)
↓
code-walkthrough(理解项目代码)
调研中发现不懂的概念 → learning-companion(学概念)
↓
继续 deep-research
先判断是否适合
作者设计意图
作者的方法与取舍
边界和复核