UI Skills之react-native-best-practices移动UI的Agent技能指南【免费下载链接】ui-skillsSkills for Design Engineers项目地址: https://gitcode.com/GitHub_Trending/ui/ui-skillsui-skills 是一个面向设计工程师Design Engineers的 AI Agent 技能库而react-native-best-practices是其中专为 React Native 打造的移动 UI 性能技能。它把 FPS 帧率、TTI 可交互时间、包体积、内存泄漏、重渲染、动画等关键优化知识装进 AI 编程助手的上下文让 Codex、Cursor、Claude Code 等 Agent 写出的移动端代码又快又稳。这个技能是做什么的简单说它把React Native 性能最佳实践变成 AI Agent 可以直接调用的技能包。来源由 callstack 社区callstackincubator/agent-skills贡献收录在 ui-skills 技能注册表中️主题标签react-native、performance、frontend注册表定义可在 src/data/registry.ts 中查看该技能的完整元数据内容摘要项目为每个远程技能预计算了摘要digest用于版本校验见 src/data/agent-skills-digests.json官方描述React Native performance optimization guidelines for FPS, TTI, bundle size, memory leaks, re-renders, and animations.它解决哪些移动 UI 性能痛点技能覆盖六大高频问题正好对应移动端最容易翻车的地方痛点技能提供的指导方向⚡ FPS 掉帧识别并拆分阻塞主线程的重计算 TTI 启动慢优化应用启动到可交互的链路 包体积大按需引入、精简依赖 内存泄漏正确清理订阅与监听器 多余重渲染合理拆分组件与状态 动画卡顿使用原线程动画方案最快启用步骤一条命令搞定无需复杂配置用 npm 的 npx 即可直接拉取该技能内容npx ui-skills get react-native-best-practices如果你不确定该选哪个技能可以让路由技能自动帮你挑npx ui-skills start路由逻辑定义在 skills/ui-skills-root/SKILL.md 中先按主题、再按技术栈、最后按具体程度逐级收窄且最多只加载 3 个技能——保证 Agent 获得的是最小可用上下文而不是信息轰炸。CLI 命令说明见 README.md。为什么新手值得上手✅零记忆成本不用死记移动性能避坑清单Agent 自带老师傅经验✅零安装npx一条命令即可获取技能内容✅团队统一所有人用同一套性能标准生成代码评审更省心✅持续更新技能来自社区仓库由项目统一管理摘要与版本小结react-native-best-practices 是 ui-skills 生态中移动方向的标杆技能一个 Markdown 文件六大性能维度一条命令启用。无论你是刚接触 React Native 的新手还是想让 AI 助手少踩坑的老手这套移动 UI 的 Agent 技能指南都值得加进你的工具箱。【免费下载链接】ui-skillsSkills for Design Engineers项目地址: https://gitcode.com/GitHub_Trending/ui/ui-skills创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考 UI Skills之react-native-best-practices：移动UI的Agent技能指南
UI Skills之react-native-best-practices移动UI的Agent技能指南【免费下载链接】ui-skillsSkills for Design Engineers项目地址: https://gitcode.com/GitHub_Trending/ui/ui-skillsui-skills 是一个面向设计工程师Design Engineers的 AI Agent 技能库而react-native-best-practices是其中专为 React Native 打造的移动 UI 性能技能。它把 FPS 帧率、TTI 可交互时间、包体积、内存泄漏、重渲染、动画等关键优化知识装进 AI 编程助手的上下文让 Codex、Cursor、Claude Code 等 Agent 写出的移动端代码又快又稳。这个技能是做什么的简单说它把React Native 性能最佳实践变成 AI Agent 可以直接调用的技能包。来源由 callstack 社区callstackincubator/agent-skills贡献收录在 ui-skills 技能注册表中️主题标签react-native、performance、frontend注册表定义可在 src/data/registry.ts 中查看该技能的完整元数据内容摘要项目为每个远程技能预计算了摘要digest用于版本校验见 src/data/agent-skills-digests.json官方描述React Native performance optimization guidelines for FPS, TTI, bundle size, memory leaks, re-renders, and animations.它解决哪些移动 UI 性能痛点技能覆盖六大高频问题正好对应移动端最容易翻车的地方痛点技能提供的指导方向⚡ FPS 掉帧识别并拆分阻塞主线程的重计算 TTI 启动慢优化应用启动到可交互的链路 包体积大按需引入、精简依赖 内存泄漏正确清理订阅与监听器 多余重渲染合理拆分组件与状态 动画卡顿使用原线程动画方案最快启用步骤一条命令搞定无需复杂配置用 npm 的 npx 即可直接拉取该技能内容npx ui-skills get react-native-best-practices如果你不确定该选哪个技能可以让路由技能自动帮你挑npx ui-skills start路由逻辑定义在 skills/ui-skills-root/SKILL.md 中先按主题、再按技术栈、最后按具体程度逐级收窄且最多只加载 3 个技能——保证 Agent 获得的是最小可用上下文而不是信息轰炸。CLI 命令说明见 README.md。为什么新手值得上手✅零记忆成本不用死记移动性能避坑清单Agent 自带老师傅经验✅零安装npx一条命令即可获取技能内容✅团队统一所有人用同一套性能标准生成代码评审更省心✅持续更新技能来自社区仓库由项目统一管理摘要与版本小结react-native-best-practices 是 ui-skills 生态中移动方向的标杆技能一个 Markdown 文件六大性能维度一条命令启用。无论你是刚接触 React Native 的新手还是想让 AI 助手少踩坑的老手这套移动 UI 的 Agent 技能指南都值得加进你的工具箱。【免费下载链接】ui-skillsSkills for Design Engineers项目地址: https://gitcode.com/GitHub_Trending/ui/ui-skills创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考