아름답고 반응성이 뛰어나며 애니메이션이 적용된 모바일 애플리케이션을 만들기 위한 포괄적인 Flutter UI/UX 개발 기술입니다. 사용자가 다음을 요청할 때 사용하세요. (1) Flutter UI 구성요소 또는 화면 구축 (2) 애니메이션 및 전환 구현 (3) 반응형 레이아웃 디자인 (4) 맞춤 위젯 및 테마 만들기 (5) UI 성능 및 접근성 최적화 트리거: "Flutter UI 만들기", "Flutter 화면 빌드", "Flutter 애니메이션", "반응형 Flutter 레이아웃", "맞춤 Flutter 위젯", "Flutter 테마 디자인"
명령줄에서 flutter-ui-ux AI 스킬을 개발 환경에 빠르게 설치
출처: ajianaz/skills-collection.
Create beautiful, responsive, and animated Flutter applications with modern design patterns and best practices.
| 1 | Widget Composition | Reusable, maintainable UI components | | 2 | Responsive Design | Adaptive layouts for all screen sizes | | 3 | Animations | Smooth, purposeful transitions and micro-interactions | | 4 | Custom Themes | Consistent, branded visual identity | | 5 | Performance | 60fps rendering and optimal resource usage |
| LayoutBuilder | Responsive layouts | LayoutBuilder(builder: (context, constraints) => ...) | | MediaQuery | Screen info | MediaQuery.of(context).size.width | | Flexible/Expanded | Flex layouts | Flexible(child: ...) or Expanded(child: ...) | | AspectRatio | Fixed ratios | AspectRatio(aspectRatio: 16/9, child: ...) |
아름답고 반응성이 뛰어나며 애니메이션이 적용된 모바일 애플리케이션을 만들기 위한 포괄적인 Flutter UI/UX 개발 기술입니다. 사용자가 다음을 요청할 때 사용하세요. (1) Flutter UI 구성요소 또는 화면 구축 (2) 애니메이션 및 전환 구현 (3) 반응형 레이아웃 디자인 (4) 맞춤 위젯 및 테마 만들기 (5) UI 성능 및 접근성 최적화 트리거: "Flutter UI 만들기", "Flutter 화면 빌드", "Flutter 애니메이션", "반응형 Flutter 레이아웃", "맞춤 Flutter 위젯", "Flutter 테마 디자인" 출처: ajianaz/skills-collection.
AI/검색 인용용 안정적인 필드와 명령어.
npx skills add https://github.com/ajianaz/skills-collection --skill flutter-ui-ux아름답고 반응성이 뛰어나며 애니메이션이 적용된 모바일 애플리케이션을 만들기 위한 포괄적인 Flutter UI/UX 개발 기술입니다. 사용자가 다음을 요청할 때 사용하세요. (1) Flutter UI 구성요소 또는 화면 구축 (2) 애니메이션 및 전환 구현 (3) 반응형 레이아웃 디자인 (4) 맞춤 위젯 및 테마 만들기 (5) UI 성능 및 접근성 최적화 트리거: "Flutter UI 만들기", "Flutter 화면 빌드", "Flutter 애니메이션", "반응형 Flutter 레이아웃", "맞춤 Flutter 위젯", "Flutter 테마 디자인" 출처: ajianaz/skills-collection.
터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/ajianaz/skills-collection --skill flutter-ui-ux 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code, Cursor, OpenClaw에서 사용할 수 있습니다
https://github.com/ajianaz/skills-collection