跳到技能内容
词映 AI导航
发现工具选型指南Skills 技能AI 快讯AI图片AI视频AI文档AI办公AI助手AI搜索AI编程AI音频AI设计AI智能体模型与开发AI学习模型评测AI提示词内容检测AI金融AI 3D扫描与识别其他工具跨境电商 AI
词映 AI导航
工具库Skills 技能
我的收藏
词映 AI导航
发现工具选型指南Skills 技能AI 快讯AI图片AI视频AI文档AI办公AI助手AI搜索AI编程AI音频AI设计AI智能体模型与开发AI学习模型评测AI提示词内容检测AI金融AI 3D扫描与识别其他工具跨境电商 AI
技能目录24 小时热门TOP100 技能每日更新
Skills 技能/reactjs/react.dev/docs-writer-learn

Claude Code React Learn 写作技能:组织入门概念课和练习

English

Claude Code 安装步骤

  1. 打开固定版本的仓库工作副本,确认 `.claude/skills/docs-writer-learn/SKILL.md` 存在。
  2. 从仓库根目录启动 Claude Code,输入 `/docs-writer-learn` 并描述要处理的内容与验证目标。

中文摘要

把 React 概念写成入门页,先明确读者将掌握什么,再用简短解释、示例、回顾和可操作练习串起学习过程。

SKILL.md 中文导读

可复现示例

为虚构入门页设计「从列表找到选中项目」。要求解释为何只保留选中 ID,例子有两条记录,练习是更新其中一条记录后仍能显示新名称。

工作步骤

  1. 先根据内容选普通 Learn 页、章节引导或教程结构。
  2. 为普通概念页写清学习目标,安排示例和复习,再用练习验证同一目标。

验收方法

草稿应有简介、学习目标、例子、回顾与练习。练习用同一列表证明选择的 ID 与显示数据可以分别维护。

GitHub 原文 · 更新日期 2026-11-13

适用环境

Claude Code、固定版本 react.dev 工作副本和该仓库的文档预览环境。保留配套的 docs-voice 技能。

常见问题

章节引导页要包含普通 Learn 页的练习区吗?

按仓库模板,章节引导突出子页概览与下一步。回顾和挑战适合普通概念教学页。

技能信息

GitHub 仓库
reactjs/react.dev

收集于互联网

相关指南

  • Claude Code 自定义 Skills:SKILL.md 的目录、触发条件与测试
更多 Claude Code 技能

相关推荐

  • react-expert 技能

    reactjs/react.dev

  • Claude Code docs-components 技能:为 React 文档选择 MDX 提示组件

    reactjs/react.dev

  • Claude Code React docs-sandpack 技能:在 MDX 加入可交互的多文件示例

    reactjs/react.dev

词映 AI 导航Skills 技能
工具分类全部工具已本地化技能选型指南AI 快讯