Flutter 팀, 공식 'flutter/skills' Agent Skills 공개… 위젯 테스트·반응형 레이아웃 등 10종, 'npx skills add' 한 줄 설치·.agents/skills 폴더 표준

Flutter 팀이 공식 저장소 'flutter/skills'를 통해 Flutter 앱 개발 워크플로 전용 Agent Skills를 공개했다. 저장소 설명에 따르면 이 컬렉션은 happy path Flutter 앱 개발 워크플로에 맞춘 지침을 제공해 에이전트에 실질적인 도메인 전문성과 반복 가능한 워크플로를 부여하고, 이를 통해 실수를 크게 줄이고 모범 사례에 따라 작업을 신뢰성 있게 완료하도록 돕는 것을 목표로 한다.

프로젝트는 Skills를 본질적으로 단순한 파일 폴더로 정의하고, MCP에 대한 보완적 위치로 설명한다. MCP가 에이전트에 특화된 도구 접근을 제공한다면, Skill은 특정 작업에 대해 그 도구를 '어떻게' 사용할지를 가르치는 역할을 맡는다. Dart 작업을 위한 별도의 Agent Skills for Dart도 함께 안내된다.

설치는 한 줄 명령으로 끝난다. 모든 스킬을 프로젝트에 일괄 추가하려면 npx skills add flutter/skills --skill * --agent universal 명령을 실행하면 되며, --agent universal 플래그는 대부분의 에이전트가 사용하는 표준 .agents/skills 폴더에 스킬을 배치한다. 업데이트는 npx skills update 명령으로 수행한다.

공개된 스킬은 총 10종이다. flutter-add-integration-test는 Flutter Driver를 구성해 앱과 상호작용하고 MCP 액션을 영구 통합 테스트로 변환한다. flutter-add-widget-preview는 previews.dart 시스템을 사용해 인터랙티브 위젯 프리뷰를 추가한다. flutter-add-widget-test는 WidgetTester를 사용해 UI 렌더링과 사용자 상호작용(탭·스크롤·텍스트 입력)을 검증하는 컴포넌트 단위 테스트를 구현한다.

아키텍처와 레이아웃 영역도 다룬다. flutter-apply-architecture-best-practices는 권장 계층형(UI·Logic·Data) 접근으로 Flutter 앱을 설계하며, 신규 프로젝트 구조화나 확장성 리팩터링에 사용된다. flutter-build-responsive-layout은 LayoutBuilder, MediaQuery, Expanded/Flexible로 화면 크기에 적응하는 레이아웃을 만든다. flutter-fix-layout-issues는 'RenderFlex overflowed'나 'Vertical viewport was given unbounded height' 같은 오버플로·무경계 제약 오류를 Dart·Flutter MCP 도구로 해결한다.

데이터·라우팅·국제화·네트워킹을 위한 스킬도 포함된다. flutter-implement-json-serialization은 dart:convert를 사용해 fromJson·toJson 메서드를 갖춘 모델 클래스를 생성한다. flutter-setup-declarative-routing은 go_router 같은 패키지로 MaterialApp.router를 구성해 URL 기반 내비게이션과 딥링크·브라우저 히스토리를 지원한다. flutter-setup-localization은 flutter_localizations·intl 의존성과 pubspec.yaml의 'generate true', l10n.yaml 설정을 추가해 로컬라이제이션 초기화를 돕는다. flutter-use-http-package는 http 패키지를 사용해 GET·POST·PUT·DELETE 요청을 실행하도록 안내한다.

각 스킬에는 사용 시나리오와 예시 프롬프트가 함께 정의돼 있다. 예를 들어 통합 테스트 추가 시에는 '체크아웃 경험을 검증하는 통합 테스트를 추가하라'는 식의 프롬프트가, 반응형 레이아웃 작업에는 '홈 화면을 태블릿에서는 그리드, 폰에서는 리스트로 보이도록 반응형으로 만들라'는 식의 프롬프트가 제시된다.

저장소는 GitHub 트렌딩에 누적 1,483 스타·오늘 68 스타로 올랐다. Flutter 팀은 현재 풀 리퀘스트를 받지 않고 있으며 사용자 피드백은 환영한다고 밝혔다. 기여 가이드와 행동 강령은 각각 CONTRIBUTING.md와 CODE_OF_CONDUCT.md를 참조하면 된다.