react-use-skills
让AI助手精准调用react-use库的Hooks，减少幻觉与Token消耗。
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：react-use-skills。 它的用途是：让AI助手精准调用react-use库的Hooks，减少幻觉与Token消耗。 完整的 Skill 内容见：https://321skill.com/skills/react-use-skills/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
“创建一个React组件，需要监听窗口大小变化，并在调整时防抖更新某个状态。”，它会自动推荐并正确使用`useWindowSize`和`useDebounce`等Hook，提供准确的类型提示和用法示例。或者说：“帮我用react-use实现一个保存到本地存储的计数器。”，它会生成正确调用`useLocalStorage` Hook的代码。
介绍
这是一个专为AI助手设计的技能包，旨在解决开发者在借助AI编写React代码时，AI对第三方Hook库（特别是react-use）的API细节记忆不准确、容易产生幻觉或需要消耗大量Token来查询文档的问题。
通过安装此技能，AI助手（如Claude Code、Cursor等）在响应涉及react-use的编码请求时，能够优先获取简洁的Hook概览，并根据需要按需加载详细的用法和类型声明。这种渐进式披露的机制，既保证了信息的准确性，又显著降低了交互过程中的Token消耗。
它非常适合依赖AI进行React开发的前端或全栈开发者，尤其是在需要快速原型开发、处理复杂状态逻辑或集成各种浏览器API与传感器功能时。无论是构建一个带有本地存储、防抖搜索和主题切换的待办应用，还是实现复杂的动画与副作用管理，此技能都能让AI助手成为更可靠的编码伙伴。
使用时，你只需在项目中正常安装react-use，然后像往常一样向AI助手描述你的功能需求。AI会自动调用此技能库中的知识来辅助开发。你还可以通过项目中的AGENTS.md文件或直接在提示词中覆盖Hook的调用规则，实现更个性化的策略定制。
核心特点
与普通代码补全或文档查询技能不同，它专为优化AI Agent与第三方库的交互而设计，采用“渐进式披露”和“离线优先”策略，在保证API引用精确度的前提下，主动减少Token消耗，并允许用户自定义调用策略。
注意事项
此技能仅专注于react-use库的Hooks，不适用于其他React Hook库或通用React开发知识。
常见问题
这个技能支持哪些AI助手？
支持所有与Vercel Skills CLI兼容的助手，包括OpenCode、Claude Code、Cursor、GitHub Copilot、Windsurf等。
安装后是否需要网络才能使用？
采用离线优先设计，核心功能无需网络或额外权限即可工作。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/react-use-skills/raw/index.md 读取 react-use-skills 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/react-use-skills/raw/index.md（查看排版版本）