查卡顿,这款Skill看Flutter

用Flutter构建跨平台移动应用。

flutter-expert 是面向 Flutter 开发者的实现指导 Skill,覆盖组件、状态管理、导航、测试和性能排查。提供页面需求、现有代码或卡顿的复现方式,AI 会据此修改相关代码,并安排分析、测试和性能观察。

拿滚动不顺畅的页面来说,它要求先在性能模式下用 DevTools 看实际表现,检查是否有昂贵计算、过多组件重建或主线程上的重活。只凭感觉给所有组件加 const,并不能说明已经找到了原因。

状态放在哪里也会影响更新范围。原文强调把状态靠近真正使用它的部分,结合 Riverpod 或 Bloc 组织业务状态;静态组件使用合适的 const 构造,列表使用正确的键。具体采用哪一种,需要看项目已有结构。

这份 Skill 的交付范围比修一个动画更广:可能包括组件代码、状态定义、路由配置和测试。做完功能要检查静态分析和组件测试,再回到性能工具确认问题是否还在。

适合已有 Flutter 项目,希望 AI 能把功能与验证一起完成的开发者。涉及平台特性的地方,还需要分别考虑平台行为,不能把一个界面跑起来就当作跨平台交付结束。

分类:编程开发

来源仓库:jeffallan/claude-skills

适合用来做什么

  • 用Flutter 3+开发一个跨平台应用,包含Riverpod状态管理。
  • 实现一个使用GoRouter导航的Flutter widget。

安装 flutter-expert

npx skills add https://www.iskills.cc/skills/jeffallan/claude-skills/flutter-expert/SKILL.md

在本机终端执行安装命令。安装前请阅读原始说明,确认所需工具、账号和权限。

查看安装步骤 · 查看常见问题

查看 flutter-expert 的用途与原始说明

浏览全部 Skill 指南