用途：该技能面向使用 React 19 与 TypeScript 的现代前端开发，适用于创建 React 组件、Hooks、Context Provider 及应用，并强调严格的 TypeScript 类型标注。
主要能力：资料给出若干核心模式。组件结构方面，展示使用 FC 与 ReactNode 定义带 children、variant、disabled、onClick 等属性的函数组件。类型指南列出常见写法：FC<Props> 用于标准函数组件，ReactNode 用于 children 等可渲染内容，ComponentPropsWithoutRef<'button'> 用于扩展原生 HTML 元素属性，forwardRef<HTMLDivElement, Props> 用于需要转发 ref 的组件。事件处理类型涵盖 onClick、onChange、onSubmit、onKeyDown 对应的 React 事件类型。
使用方式：资料提供自定义 Hook 模式（如 useToggle，返回 value、toggle、setTrue、setFalse）与 Context 模式（createContext 配合 useContext，并在缺失 Provider 时抛出错误）。文件命名建议采用 ComponentName 目录，包含 ComponentName.tsx 实现、可选的 ComponentName.types.ts 类型、ComponentName.stories.tsx 与 index.ts 导出。
最佳实践：公开函数使用显式返回类型，复杂状态使用可辨识联合，字面量类型使用 as const，可复用模式使用泛型组件，并显式处理 undefined。
集成：资料提及可参考 atomic-design 技能了解层级、css-tokens 技能了解样式、storybook 技能了解文档。
限制：资料未提供安装命令、版本要求、收费信息或具体平台支持范围，这些内容暂未提供。