flutter-accessibility-audit 是做什么的?
通过 widget_inspector 触发无障碍扫描,并自动向源代码中添加 Semantics 组件或缺失的标签。
通过 widget_inspector 触发无障碍扫描,并自动向源代码中添加 Semantics 组件或缺失的标签。
Flutter Accessibility Audit 是一个专为 Flutter 开发者设计的 AI Agent 技能。该技能能够利用 widget_inspector 对当前运行的 Flutter 应用执行无障碍扫描,识别出缺失语义标签或 Semantics 组件的 UI 元素。扫描完成后,它能自动生成并应用必要的代码修改,例如为容器、图片或自定义组件添加合适的 Semantics 包裹或 aria-labels,从而显著提升应用的无障碍标准。该技能支持主流 Flutter 开发环境,包括 Claude Code 和 Cursor,并能无缝集成到现有项目中。通过自动化这一繁琐的 UI 无障碍优化流程,开发者可以更专注于核心功能开发,并确保应用符合 WCAG 标准。其工作原理基于 widget_inspector 提供的实时 UI 树分析,结合语义理解,为每个需要优化的节点生成精准的语义标签或组件。
npx skills add https://github.com/flutter/skills/tree/main/skills/flutter-accessibility-auditInstalled? Explore more 编程与开发 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →
通过 widget_inspector 触发无障碍扫描,并自动向源代码中添加 Semantics 组件或缺失的标签。
This repo contains 20 individual skills — each has its own dedicated page.
Configure your Flutter app to support assistive technologies like Screen Readers
Adds home screen widgets to a Flutter app for Android and iOS. Use when providing glanceable app information or quick actions on the device home screen.
Configures Flutter Driver for app interaction and converts MCP actions into permanent integration tests. Use when adding integration testing to a project, exploring UI components via MCP, or automating user flows with the integration_test package.
Adds interactive widget previews to the project using the previews.dart system. Use when creating new UI components or updating existing screens to ensure consistent design and interactive testing.
Implement a component-level test using `WidgetTester` to verify UI rendering and user interactions (tapping, scrolling, entering text). Use when validating that a specific widget displays correct data and responds to events as expected.
Implements animated effects, transitions, and motion in a Flutter app. Use when adding visual feedback, shared element transitions, or physics-based animations.
Add animated effects to your Flutter app
Architects a Flutter application using the recommended layered approach (UI, Logic, Data). Use when structuring a new project or refactoring for scalability.
Measure and reduce the size of the Flutter app bundle, APK, or IPA
Architects a Flutter application using the recommended layered approach (UI, Logic, Data). Use when structuring a new project or refactoring for scalability.
Use the Flutter team's recommended app architecture
Builds Flutter forms with validation and user input handling. Use when creating login screens, data entry forms, or any multi-field user input.
Builds Flutter layouts using the constraint system and layout widgets. Use when creating or refining the UI structure of a Flutter application.
Builds Flutter plugins that provide native interop for other apps to use. Use when creating reusable packages that bridge Flutter with platform-specific functionality.
Use `LayoutBuilder`, `MediaQuery`, or `Expanded/Flexible` to create a layout that adapts to different screen sizes. Use when you need the UI to look good on both mobile and tablet/desktop form factors.
Cache data in a Flutter app
Implements caching strategies for Flutter apps to improve performance and offline support. Use when retaining app data locally to reduce network requests or speed up startup.
Execute long-running tasks in a background thread in Flutter
Work with databases in a Flutter app
Embeds native Android, iOS, or macOS views into a Flutter app. Use when integrating complex native components like maps or web views.
Send and manage iMessages via BlueBubbles, including attachments, tapbacks, edits, replies, and groups.
Control Eight Sleep pods (status, temperature, alarms, schedules).
BluOS CLI (blu) for discovery, playback, grouping, and volume.
Create, search, and manage Bear notes via grizzly CLI.
Capture frames or clips from RTSP/ONVIF cameras.
Search GIF providers with CLI/TUI, download results, and extract stills/sheets.