flutter-ui-design-guide
Flutter UI Design Guide
Overview
Build cross-platform Flutter apps with Material Design (Android) and Cupertino (iOS) support. This skill provides guidelines for adaptive widgets, theming, spacing, typography, and component patterns optimized for both platforms.
When to Use This Skill
Activate this skill when:
- Building Flutter UI with Material or Cupertino widgets
- Creating cross-platform app screens or layouts
- Working with Flutter development (Dart, Flutter SDK)
- Receiving requests like:
- "Create a login screen in Flutter"
- "Design a Flutter card layout"
- "Build adaptive navigation in Flutter"
- "Make this Flutter UI follow Material Design"
- "Style this Flutter widget with Cupertino"
More from muheun/claude-code-marketplace
android-ui-design-guide
Apply Android/Jetpack Compose design principles following Material Design 3 when building any Android UI component. Only execute this when the current project is an Android project and involves UI-related work. Use this skill for Compose layouts, Material components, or Android app development. Ensures Material You compliance with Dynamic Color, expressive theming, 4dp grid spacing, Roboto typography with Type Scale, and native Android patterns. Prevents common anti-patterns like hardcoded colors, Dark Mode neglect, and touch target violations.
20web-ui-design-guide
Apply modern, professional web UI design principles when building any web UI component. Only execute this when the current project is a web project and involves UI-related work. Use this skill for UI tasks involving buttons, forms, cards, layouts, navigation, or any visual web component. Ensures clean minimal design, neutral color palettes with single accent color, 8px grid spacing, clear typography hierarchy, and subtle visual effects. Prevents common anti-patterns like rainbow gradients, tiny text, and inconsistent spacing.
6ios-ui-design-guide
Apply iOS/SwiftUI design principles following Apple Human Interface Guidelines when building any iOS UI component. Only execute this when the current project is an iOS project and involves UI-related work. Use this skill for SwiftUI views, UIKit components, or iOS app development. Ensures HIG compliance with Clarity, Deference, and Depth principles, system colors with Dark Mode support, 8pt grid spacing, SF Pro typography with Dynamic Type, and native iOS interaction patterns. Prevents common anti-patterns like fixed text sizes, Dark Mode neglect, and Safe Area violations.
5smart-git-commit
Execute git commit operations when user requests to commit or push code changes. Use this skill to generate recommended commit messages, perform local commits, or push to remote repositories. Auto-activates for Korean keywords ("커밋", "푸시") and English keywords ("commit", "push"). Always uses Bash tool for git operations and Claude's natural language processing for message generation.
3smart-linear-issue
Linear 이슈 생성/수정/코멘트 기능을 제공하는 스킬. 한글 키워드 ("이슈 생성", "이슈 수정", "코멘트 추가") 및 영문 키워드 ("create issue", "update issue", "add comment")로 자동 활성화. Gitmoji 기반 한글 제목과 사용자 승인 필수 워크플로우로 일관된 이슈 관리를 지원합니다.
3