Claude Code React Learn 写作技能:组织入门概念课和练习
EnglishClaude Code 安装步骤
- 打开固定版本的仓库工作副本,确认 `.claude/skills/docs-writer-learn/SKILL.md` 存在。
- 从仓库根目录启动 Claude Code,输入 `/docs-writer-learn` 并描述要处理的内容与验证目标。
中文摘要
把 React 概念写成入门页,先明确读者将掌握什么,再用简短解释、示例、回顾和可操作练习串起学习过程。
SKILL.md 中文导读
可复现示例
为虚构入门页设计「从列表找到选中项目」。要求解释为何只保留选中 ID,例子有两条记录,练习是更新其中一条记录后仍能显示新名称。工作步骤
- 先根据内容选普通 Learn 页、章节引导或教程结构。
- 为普通概念页写清学习目标,安排示例和复习,再用练习验证同一目标。
验收方法
草稿应有简介、学习目标、例子、回顾与练习。练习用同一列表证明选择的 ID 与显示数据可以分别维护。
GitHub 原文 · 更新日期
适用环境
Claude Code、固定版本 react.dev 工作副本和该仓库的文档预览环境。保留配套的 docs-voice 技能。
常见问题
章节引导页要包含普通 Learn 页的练习区吗?
按仓库模板,章节引导突出子页概览与下一步。回顾和挑战适合普通概念教学页。