[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M6NRSS4C01BGT8TFV9WD93RK":3,"skill-same:01M6NRSS4C01BGT8TFV9WD93RK":96},{"skillNo":4,"name":5,"nameZh":6,"description":7,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":15,"categories":16,"keywords":22,"publishedAt":43,"linkOnly":44,"markdownContent":45,"markdownBody":46,"frontMatter":47,"refName":49,"commitSha":50,"skillDirectory":51,"forksCount":52,"repositoryHtmlUrl":53,"repositoryHomepageUrl":6,"ownerHtmlUrl":54,"ownerBlogUrl":6,"ownerDescription":6,"updatedAt":55,"install":56,"resources":69},"01M6NRSS4C01BGT8TFV9WD93RK","mobile-development",null,"Build modern mobile applications with React Native, Flutter, Swift\u002FSwiftUI, and Kotlin\u002FJetpack Compose. Covers mobile-first design principles, performance optimization (battery, memory, network), offline-first architecture, platform-specific guidelines (iOS HIG, Material Design), testing strategies, security best practices, accessibility, app store deployment, and mobile development mindset. Use when building mobile apps, implementing mobile UX patterns, optimizing for mobile constraints, or making native vs cross-platform decisions.","vntopicai\u002Fai-planner","vntopicai","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F201040886?v=4","01M6NRHDP3KC0J2F22TSFZH796","01M6NRHDT0JGWD7J4Z10Y0NHHS",1,"MIT","https:\u002F\u002Fgithub.com\u002Fvntopicai\u002Fai-planner\u002Fblob\u002Fmain\u002Ffixtures\u002Flocal-skills\u002Fmobile-development\u002FSKILL.md",[17],{"categoryNo":18,"categoryName":19,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000032","设计师","PROFESSION","适用职业",[23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42],"development","mobile development","mobile","design principles","app store","implementing","ios hig","material design","native","apps","app","jetpack","strategies","testing","react native","architecture","react","performance","memory","design","2026-11-10 10:12:30",false,"---\nname: mobile-development\ndescription: Build modern mobile applications with React Native, Flutter, Swift\u002FSwiftUI, and Kotlin\u002FJetpack Compose. Covers mobile-first design principles, performance optimization (battery, memory, network), offline-first architecture, platform-specific guidelines (iOS HIG, Material Design), testing strategies, security best practices, accessibility, app store deployment, and mobile development mindset. Use when building mobile apps, implementing mobile UX patterns, optimizing for mobile constraints, or making native vs cross-platform decisions.\nlicense: MIT\nversion: 1.0.0\n---\n\n# Mobile Development Skill\n\nProduction-ready mobile development with modern frameworks, best practices, and mobile-first thinking patterns.\n\n## When to Use\n\n- Building mobile applications (iOS, Android, or cross-platform)\n- Implementing mobile-first design and UX patterns\n- Optimizing for mobile constraints (battery, memory, network, small screens)\n- Making native vs cross-platform technology decisions\n- Implementing offline-first architecture and data sync\n- Following platform-specific guidelines (iOS HIG, Material Design)\n- Optimizing mobile app performance and user experience\n- Implementing mobile security and authentication\n- Testing mobile applications (unit, integration, E2E)\n- Deploying to App Store and Google Play\n\n## Technology Selection Guide\n\n**Cross-Platform Frameworks:**\n- **React Native**: JavaScript expertise, web code sharing, mature ecosystem (121K stars, 67% familiarity)\n- **Flutter**: Performance-critical apps, complex animations, fastest-growing (170K stars, 46% adoption)\n\n**Native Development:**\n- **iOS (Swift\u002FSwiftUI)**: Maximum iOS performance, latest features, Apple ecosystem integration\n- **Android (Kotlin\u002FJetpack Compose)**: Maximum Android performance, Material Design 3, platform optimization\n\nSee: `references\u002Fmobile-frameworks.md` for detailed framework comparisons\n\n## Mobile Development Mindset\n\n**The 10 Commandments of Mobile Development:**\n\n1. **Performance is Foundation, Not Feature** - 70% abandon apps >3s load time\n2. **Every Kilobyte, Every Millisecond Matters** - Mobile constraints are real\n3. **Offline-First by Default** - Network is unreliable, design for it\n4. **User Context > Developer Environment** - Think real-world usage scenarios\n5. **Platform Awareness Without Platform Lock-In** - Respect platform conventions\n6. **Iterate, Don't Perfect** - Ship, measure, improve cycle is survival\n7. **Security and Accessibility by Design** - Not afterthoughts\n8. **Test on Real Devices** - Simulators lie about performance\n9. **Architecture Scales with Complexity** - Don't over-engineer simple apps\n10. **Continuous Learning is Survival** - Mobile landscape evolves rapidly\n\nSee: `references\u002Fmobile-mindset.md` for thinking patterns and decision frameworks\n\n## Reference Navigation\n\n**Core Technologies:**\n- `mobile-frameworks.md` - React Native, Flutter, Swift, Kotlin, framework comparison matrices, when to use each\n- `mobile-ios.md` - Swift 6, SwiftUI, iOS architecture patterns, HIG, App Store requirements, platform capabilities\n- `mobile-android.md` - Kotlin, Jetpack Compose, Material Design 3, Play Store, Android-specific features\n\n**Best Practices & Development Mindset:**\n- `mobile-best-practices.md` - Mobile-first design, performance optimization, offline-first architecture, security, testing, accessibility, deployment, analytics\n- `mobile-debugging.md` - Debugging tools, performance profiling, crash analysis, network debugging, platform-specific debugging\n- `mobile-mindset.md` - Thinking patterns, decision frameworks, platform-specific thinking, common pitfalls, debugging strategies\n\n## Key Best Practices (2024-2025)\n\n**Performance Targets:**\n- App launch: \u003C2 seconds (70% abandon if >3s)\n- Memory usage: \u003C100MB for typical screens\n- Network requests: Batch and cache aggressively\n- Battery impact: Respect Doze Mode and background restrictions\n- Animation: 60 FPS (16.67ms per frame)\n\n**Architecture:**\n- MVVM for small-medium apps (clean separation, testable)\n- MVVM + Clean Architecture for large enterprise apps\n- Offline-first with hybrid sync (push + pull)\n- State management: Zustand (React Native), Riverpod 3 (Flutter), StateFlow (Android)\n\n**Security (OWASP Mobile Top 10):**\n- OAuth 2.0 + JWT + Biometrics for authentication\n- Keychain (iOS) \u002F KeyStore (Android) for sensitive data\n- Certificate pinning for network security\n- Never hardcode credentials or API keys\n- Implement proper session management\n\n**Testing Strategy:**\n- Unit tests: 70%+ coverage for business logic\n- Integration tests: Critical user flows\n- E2E tests: Detox (React Native), Appium (cross-platform), XCUITest (iOS), Espresso (Android)\n- Real device testing mandatory before release\n\n**Deployment:**\n- Fastlane for automation across platforms\n- Staged rollouts: Internal → Closed → Open → Production\n- Mandatory: iOS 17 SDK (2024), Android 15 API 35 (Aug 2025)\n- CI\u002FCD saves 20% development time\n\n## Quick Decision Matrix\n\n| Need | Choose |\n|------|--------|\n| JavaScript team, web code sharing | React Native |\n| Performance-critical, complex animations | Flutter |\n| Maximum iOS performance, latest features | Swift\u002FSwiftUI native |\n| Maximum Android performance, Material 3 | Kotlin\u002FCompose native |\n| Rapid prototyping | React Native + Expo |\n| Desktop + mobile | Flutter |\n| Enterprise with JavaScript skills | React Native |\n| Startup with limited resources | Flutter or React Native |\n| Gaming or heavy graphics | Native (Swift\u002FKotlin) or Unity |\n\n## Framework Quick Comparison (2024-2025)\n\n| Criterion | React Native | Flutter | Swift\u002FSwiftUI | Kotlin\u002FCompose |\n|-----------|--------------|---------|---------------|----------------|\n| **Stars** | 121K | 170K | N\u002FA | N\u002FA |\n| **Adoption** | 35% | 46% | iOS only | Android only |\n| **Performance** | 80-90% native | 85-95% native | 100% native | 100% native |\n| **Dev Speed** | Fast (hot reload) | Very fast (hot reload) | Fast (Xcode Previews) | Fast (Live Edit) |\n| **Learning Curve** | Easy (JavaScript) | Medium (Dart) | Medium (Swift) | Medium (Kotlin) |\n| **UI Paradigm** | Component-based | Widget-based | Declarative | Declarative |\n| **Community** | Huge (npm) | Growing | Apple ecosystem | Android ecosystem |\n| **Best For** | JS teams, web sharing | Performance, animations | iOS-only apps | Android-only apps |\n\n## Implementation Checklist\n\n**Project Setup:**\n- Choose framework → Initialize project → Configure dev environment → Setup version control → Configure CI\u002FCD → Team standards\n\n**Architecture:**\n- Choose pattern (MVVM\u002FClean) → Setup folders → State management → Navigation → API layer → Error handling → Logging\n\n**Core Features:**\n- Authentication → Data persistence → API integration → Offline sync → Push notifications → Deep linking → Analytics\n\n**UI\u002FUX:**\n- Design system → Platform guidelines → Accessibility → Responsive layouts → Dark mode → Localization → Animations\n\n**Performance:**\n- Image optimization → Lazy loading → Memory profiling → Network optimization → Battery testing → Launch time optimization\n\n**Quality:**\n- Unit tests (70%+) → Integration tests → E2E tests → Accessibility testing → Performance testing → Security audit\n\n**Security:**\n- Secure storage → Authentication flow → Network security → Input validation → Session management → Encryption\n\n**Deployment:**\n- App icons\u002Fsplash → Screenshots → Store listings → Privacy policy → TestFlight\u002FInternal testing → Staged rollout → Monitoring\n\n## Platform-Specific Guidelines\n\n**iOS (Human Interface Guidelines):**\n- Native navigation patterns (tab bar, navigation bar)\n- iOS design patterns (pull to refresh, swipe actions)\n- San Francisco font, iOS color system\n- Haptic feedback, 3D Touch\u002FHaptic Touch\n- Respect safe areas and notch\n\n**Android (Material Design 3):**\n- Material navigation (bottom nav, navigation drawer)\n- Floating action buttons, material components\n- Roboto font, Material You dynamic colors\n- Touch feedback (ripple effects)\n- Respect system bars and gestures\n\n## Common Pitfalls to Avoid\n\n1. **Testing only on simulators** - Real devices show true performance\n2. **Ignoring platform conventions** - Users expect platform-specific patterns\n3. **No offline handling** - Network failures will happen\n4. **Poor memory management** - Leads to crashes and poor UX\n5. **Hardcoded credentials** - Security vulnerability\n6. **No accessibility** - Excludes 15%+ of users\n7. **Premature optimization** - Optimize based on metrics, not assumptions\n8. **Over-engineering** - Start simple, scale as needed\n9. **Skipping real device testing** - Simulators don't show battery\u002Fnetwork issues\n10. **Not respecting battery** - Background processing must be justified\n\n## Performance Budgets\n\n**Recommended Targets:**\n- **App size**: \u003C50MB initial download, \u003C200MB total\n- **Launch time**: \u003C2 seconds to interactive\n- **Screen load**: \u003C1 second for cached data\n- **Network request**: \u003C3 seconds for API calls\n- **Memory**: \u003C100MB for typical screens, \u003C200MB peak\n- **Battery**: \u003C5% drain per hour of active use\n- **Frame rate**: 60 FPS (16.67ms per frame)\n\n## Resources\n\n**Official Documentation:**\n- React Native: https:\u002F\u002Freactnative.dev\u002F\n- Flutter: https:\u002F\u002Fflutter.dev\u002F\n- iOS HIG: https:\u002F\u002Fdeveloper.apple.com\u002Fdesign\u002Fhuman-interface-guidelines\u002F\n- Material Design: https:\u002F\u002Fm3.material.io\u002F\n- OWASP Mobile: https:\u002F\u002Fowasp.org\u002Fwww-project-mobile-top-10\u002F\n\n**Tools & Testing:**\n- Detox E2E: https:\u002F\u002Fwix.github.io\u002FDetox\u002F\n- Appium: https:\u002F\u002Fappium.io\u002F\n- Fastlane: https:\u002F\u002Ffastlane.tools\u002F\n- Firebase: https:\u002F\u002Ffirebase.google.com\u002F\n\n**Community:**\n- React Native Directory: https:\u002F\u002Freactnative.directory\u002F\n- Pub.dev (Flutter packages): https:\u002F\u002Fpub.dev\u002F\n- Awesome React Native: https:\u002F\u002Fgithub.com\u002Fjondot\u002Fawesome-react-native\n- Awesome Flutter: https:\u002F\u002Fgithub.com\u002FSolido\u002Fawesome-flutter\n","# Mobile Development Skill\n\nProduction-ready mobile development with modern frameworks, best practices, and mobile-first thinking patterns.\n\n## When to Use\n\n- Building mobile applications (iOS, Android, or cross-platform)\n- Implementing mobile-first design and UX patterns\n- Optimizing for mobile constraints (battery, memory, network, small screens)\n- Making native vs cross-platform technology decisions\n- Implementing offline-first architecture and data sync\n- Following platform-specific guidelines (iOS HIG, Material Design)\n- Optimizing mobile app performance and user experience\n- Implementing mobile security and authentication\n- Testing mobile applications (unit, integration, E2E)\n- Deploying to App Store and Google Play\n\n## Technology Selection Guide\n\n**Cross-Platform Frameworks:**\n- **React Native**: JavaScript expertise, web code sharing, mature ecosystem (121K stars, 67% familiarity)\n- **Flutter**: Performance-critical apps, complex animations, fastest-growing (170K stars, 46% adoption)\n\n**Native Development:**\n- **iOS (Swift\u002FSwiftUI)**: Maximum iOS performance, latest features, Apple ecosystem integration\n- **Android (Kotlin\u002FJetpack Compose)**: Maximum Android performance, Material Design 3, platform optimization\n\nSee: `references\u002Fmobile-frameworks.md` for detailed framework comparisons\n\n## Mobile Development Mindset\n\n**The 10 Commandments of Mobile Development:**\n\n1. **Performance is Foundation, Not Feature** - 70% abandon apps >3s load time\n2. **Every Kilobyte, Every Millisecond Matters** - Mobile constraints are real\n3. **Offline-First by Default** - Network is unreliable, design for it\n4. **User Context > Developer Environment** - Think real-world usage scenarios\n5. **Platform Awareness Without Platform Lock-In** - Respect platform conventions\n6. **Iterate, Don't Perfect** - Ship, measure, improve cycle is survival\n7. **Security and Accessibility by Design** - Not afterthoughts\n8. **Test on Real Devices** - Simulators lie about performance\n9. **Architecture Scales with Complexity** - Don't over-engineer simple apps\n10. **Continuous Learning is Survival** - Mobile landscape evolves rapidly\n\nSee: `references\u002Fmobile-mindset.md` for thinking patterns and decision frameworks\n\n## Reference Navigation\n\n**Core Technologies:**\n- `mobile-frameworks.md` - React Native, Flutter, Swift, Kotlin, framework comparison matrices, when to use each\n- `mobile-ios.md` - Swift 6, SwiftUI, iOS architecture patterns, HIG, App Store requirements, platform capabilities\n- `mobile-android.md` - Kotlin, Jetpack Compose, Material Design 3, Play Store, Android-specific features\n\n**Best Practices & Development Mindset:**\n- `mobile-best-practices.md` - Mobile-first design, performance optimization, offline-first architecture, security, testing, accessibility, deployment, analytics\n- `mobile-debugging.md` - Debugging tools, performance profiling, crash analysis, network debugging, platform-specific debugging\n- `mobile-mindset.md` - Thinking patterns, decision frameworks, platform-specific thinking, common pitfalls, debugging strategies\n\n## Key Best Practices (2024-2025)\n\n**Performance Targets:**\n- App launch: \u003C2 seconds (70% abandon if >3s)\n- Memory usage: \u003C100MB for typical screens\n- Network requests: Batch and cache aggressively\n- Battery impact: Respect Doze Mode and background restrictions\n- Animation: 60 FPS (16.67ms per frame)\n\n**Architecture:**\n- MVVM for small-medium apps (clean separation, testable)\n- MVVM + Clean Architecture for large enterprise apps\n- Offline-first with hybrid sync (push + pull)\n- State management: Zustand (React Native), Riverpod 3 (Flutter), StateFlow (Android)\n\n**Security (OWASP Mobile Top 10):**\n- OAuth 2.0 + JWT + Biometrics for authentication\n- Keychain (iOS) \u002F KeyStore (Android) for sensitive data\n- Certificate pinning for network security\n- Never hardcode credentials or API keys\n- Implement proper session management\n\n**Testing Strategy:**\n- Unit tests: 70%+ coverage for business logic\n- Integration tests: Critical user flows\n- E2E tests: Detox (React Native), Appium (cross-platform), XCUITest (iOS), Espresso (Android)\n- Real device testing mandatory before release\n\n**Deployment:**\n- Fastlane for automation across platforms\n- Staged rollouts: Internal → Closed → Open → Production\n- Mandatory: iOS 17 SDK (2024), Android 15 API 35 (Aug 2025)\n- CI\u002FCD saves 20% development time\n\n## Quick Decision Matrix\n\n| Need | Choose |\n|------|--------|\n| JavaScript team, web code sharing | React Native |\n| Performance-critical, complex animations | Flutter |\n| Maximum iOS performance, latest features | Swift\u002FSwiftUI native |\n| Maximum Android performance, Material 3 | Kotlin\u002FCompose native |\n| Rapid prototyping | React Native + Expo |\n| Desktop + mobile | Flutter |\n| Enterprise with JavaScript skills | React Native |\n| Startup with limited resources | Flutter or React Native |\n| Gaming or heavy graphics | Native (Swift\u002FKotlin) or Unity |\n\n## Framework Quick Comparison (2024-2025)\n\n| Criterion | React Native | Flutter | Swift\u002FSwiftUI | Kotlin\u002FCompose |\n|-----------|--------------|---------|---------------|----------------|\n| **Stars** | 121K | 170K | N\u002FA | N\u002FA |\n| **Adoption** | 35% | 46% | iOS only | Android only |\n| **Performance** | 80-90% native | 85-95% native | 100% native | 100% native |\n| **Dev Speed** | Fast (hot reload) | Very fast (hot reload) | Fast (Xcode Previews) | Fast (Live Edit) |\n| **Learning Curve** | Easy (JavaScript) | Medium (Dart) | Medium (Swift) | Medium (Kotlin) |\n| **UI Paradigm** | Component-based | Widget-based | Declarative | Declarative |\n| **Community** | Huge (npm) | Growing | Apple ecosystem | Android ecosystem |\n| **Best For** | JS teams, web sharing | Performance, animations | iOS-only apps | Android-only apps |\n\n## Implementation Checklist\n\n**Project Setup:**\n- Choose framework → Initialize project → Configure dev environment → Setup version control → Configure CI\u002FCD → Team standards\n\n**Architecture:**\n- Choose pattern (MVVM\u002FClean) → Setup folders → State management → Navigation → API layer → Error handling → Logging\n\n**Core Features:**\n- Authentication → Data persistence → API integration → Offline sync → Push notifications → Deep linking → Analytics\n\n**UI\u002FUX:**\n- Design system → Platform guidelines → Accessibility → Responsive layouts → Dark mode → Localization → Animations\n\n**Performance:**\n- Image optimization → Lazy loading → Memory profiling → Network optimization → Battery testing → Launch time optimization\n\n**Quality:**\n- Unit tests (70%+) → Integration tests → E2E tests → Accessibility testing → Performance testing → Security audit\n\n**Security:**\n- Secure storage → Authentication flow → Network security → Input validation → Session management → Encryption\n\n**Deployment:**\n- App icons\u002Fsplash → Screenshots → Store listings → Privacy policy → TestFlight\u002FInternal testing → Staged rollout → Monitoring\n\n## Platform-Specific Guidelines\n\n**iOS (Human Interface Guidelines):**\n- Native navigation patterns (tab bar, navigation bar)\n- iOS design patterns (pull to refresh, swipe actions)\n- San Francisco font, iOS color system\n- Haptic feedback, 3D Touch\u002FHaptic Touch\n- Respect safe areas and notch\n\n**Android (Material Design 3):**\n- Material navigation (bottom nav, navigation drawer)\n- Floating action buttons, material components\n- Roboto font, Material You dynamic colors\n- Touch feedback (ripple effects)\n- Respect system bars and gestures\n\n## Common Pitfalls to Avoid\n\n1. **Testing only on simulators** - Real devices show true performance\n2. **Ignoring platform conventions** - Users expect platform-specific patterns\n3. **No offline handling** - Network failures will happen\n4. **Poor memory management** - Leads to crashes and poor UX\n5. **Hardcoded credentials** - Security vulnerability\n6. **No accessibility** - Excludes 15%+ of users\n7. **Premature optimization** - Optimize based on metrics, not assumptions\n8. **Over-engineering** - Start simple, scale as needed\n9. **Skipping real device testing** - Simulators don't show battery\u002Fnetwork issues\n10. **Not respecting battery** - Background processing must be justified\n\n## Performance Budgets\n\n**Recommended Targets:**\n- **App size**: \u003C50MB initial download, \u003C200MB total\n- **Launch time**: \u003C2 seconds to interactive\n- **Screen load**: \u003C1 second for cached data\n- **Network request**: \u003C3 seconds for API calls\n- **Memory**: \u003C100MB for typical screens, \u003C200MB peak\n- **Battery**: \u003C5% drain per hour of active use\n- **Frame rate**: 60 FPS (16.67ms per frame)\n\n## Resources\n\n**Official Documentation:**\n- React Native: https:\u002F\u002Freactnative.dev\u002F\n- Flutter: https:\u002F\u002Fflutter.dev\u002F\n- iOS HIG: https:\u002F\u002Fdeveloper.apple.com\u002Fdesign\u002Fhuman-interface-guidelines\u002F\n- Material Design: https:\u002F\u002Fm3.material.io\u002F\n- OWASP Mobile: https:\u002F\u002Fowasp.org\u002Fwww-project-mobile-top-10\u002F\n\n**Tools & Testing:**\n- Detox E2E: https:\u002F\u002Fwix.github.io\u002FDetox\u002F\n- Appium: https:\u002F\u002Fappium.io\u002F\n- Fastlane: https:\u002F\u002Ffastlane.tools\u002F\n- Firebase: https:\u002F\u002Ffirebase.google.com\u002F\n\n**Community:**\n- React Native Directory: https:\u002F\u002Freactnative.directory\u002F\n- Pub.dev (Flutter packages): https:\u002F\u002Fpub.dev\u002F\n- Awesome React Native: https:\u002F\u002Fgithub.com\u002Fjondot\u002Fawesome-react-native\n- Awesome Flutter: https:\u002F\u002Fgithub.com\u002FSolido\u002Fawesome-flutter\n",{"name":5,"license":14,"version":48,"description":7},"1.0.0","main","c6237323cdebe9c0193c97f1a338cb169728d78d","fixtures\u002Flocal-skills\u002Fmobile-development",0,"https:\u002F\u002Fgithub.com\u002Fvntopicai\u002Fai-planner","https:\u002F\u002Fgithub.com\u002Fvntopicai","2026-05-13 18:29:40",{"source":8,"skillName":5,"commands":57,"prompt":67,"zipAvailable":68},[58,61,64],{"tool":59,"command":60},"npx","npx skills add vntopicai\u002Fai-planner --skill mobile-development",{"tool":62,"command":63},"bunx","bunx skills add vntopicai\u002Fai-planner --skill mobile-development",{"tool":65,"command":66},"pnpm","pnpm dlx skills add vntopicai\u002Fai-planner --skill mobile-development","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002Fvntopicai\u002Fai-planner\u002Fblob\u002Fmain\u002Ffixtures\u002Flocal-skills\u002Fmobile-development\u002FSKILL.md",true,[70,76,80,84,88,92],{"path":71,"resourceType":72,"resourceTypeDesc":73,"sizeBytes":74,"sourceHtmlUrl":75},"references\u002Fmobile-android.md","REFERENCE","参考文档",14033,"https:\u002F\u002Fgithub.com\u002Fvntopicai\u002Fai-planner\u002Fblob\u002Fmain\u002Ffixtures\u002Flocal-skills\u002Fmobile-development\u002Freferences\u002Fmobile-android.md",{"path":77,"resourceType":72,"resourceTypeDesc":73,"sizeBytes":78,"sourceHtmlUrl":79},"references\u002Fmobile-best-practices.md",12672,"https:\u002F\u002Fgithub.com\u002Fvntopicai\u002Fai-planner\u002Fblob\u002Fmain\u002Ffixtures\u002Flocal-skills\u002Fmobile-development\u002Freferences\u002Fmobile-best-practices.md",{"path":81,"resourceType":72,"resourceTypeDesc":73,"sizeBytes":82,"sourceHtmlUrl":83},"references\u002Fmobile-debugging.md",21605,"https:\u002F\u002Fgithub.com\u002Fvntopicai\u002Fai-planner\u002Fblob\u002Fmain\u002Ffixtures\u002Flocal-skills\u002Fmobile-development\u002Freferences\u002Fmobile-debugging.md",{"path":85,"resourceType":72,"resourceTypeDesc":73,"sizeBytes":86,"sourceHtmlUrl":87},"references\u002Fmobile-frameworks.md",13999,"https:\u002F\u002Fgithub.com\u002Fvntopicai\u002Fai-planner\u002Fblob\u002Fmain\u002Ffixtures\u002Flocal-skills\u002Fmobile-development\u002Freferences\u002Fmobile-frameworks.md",{"path":89,"resourceType":72,"resourceTypeDesc":73,"sizeBytes":90,"sourceHtmlUrl":91},"references\u002Fmobile-ios.md",10583,"https:\u002F\u002Fgithub.com\u002Fvntopicai\u002Fai-planner\u002Fblob\u002Fmain\u002Ffixtures\u002Flocal-skills\u002Fmobile-development\u002Freferences\u002Fmobile-ios.md",{"path":93,"resourceType":72,"resourceTypeDesc":73,"sizeBytes":94,"sourceHtmlUrl":95},"references\u002Fmobile-mindset.md",16098,"https:\u002F\u002Fgithub.com\u002Fvntopicai\u002Fai-planner\u002Fblob\u002Fmain\u002Ffixtures\u002Flocal-skills\u002Fmobile-development\u002Freferences\u002Fmobile-mindset.md",[97,134,147,163,190,216],{"skillNo":98,"name":99,"nameZh":6,"description":100,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":101,"categories":102,"keywords":115,"publishedAt":43},"01M6NRX0GTVS1XTC035TQFBD6R","ui-ux-pro-max","Frontend UI\u002FUX design intelligence - activate FIRST when user requests beautiful, stunning, gorgeous, or aesthetic interfaces. The primary skill for design decisions before implementation. 50 styles, 21 palettes, 50 font pairings, 20 charts, 8 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check frontend UI\u002FUX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, mobile app, .html, .tsx, .vue, .svelte. Elements: button, modal, navbar, sidebar, card, table, form, chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, flat design. Topics: color palette, accessibility, animation, layout, typography, font pairing, spacing, hover, shadow, gradient.","https:\u002F\u002Fgithub.com\u002Fvntopicai\u002Fai-planner\u002Fblob\u002Fmain\u002Ffixtures\u002Flocal-skills\u002Fui-ux-pro-max\u002FSKILL.md",[103,108,111,114],{"categoryNo":104,"categoryName":105,"taxonomyType":106,"taxonomyTypeDesc":107},"01JBSEEDCAT000000000000009","前端开发","SCENARIO","使用场景",{"categoryNo":109,"categoryName":110,"taxonomyType":106,"taxonomyTypeDesc":107},"01JBSEEDCAT000000000000015","视觉设计",{"categoryNo":112,"categoryName":113,"taxonomyType":106,"taxonomyTypeDesc":107},"01JBSEEDCAT000000000000023","Skill与智能体开发",{"categoryNo":18,"categoryName":19,"taxonomyType":20,"taxonomyTypeDesc":21},[116,117,118,119,120,121,122,123,124,125,33,126,127,128,129,130,131,132,42,133],"ui ux","ux","ui","ui ux pro max","max","pro","Tailwind","mode","card","chart","tsx","fix","projects","improve","Charts","Animation","actions","frontend",{"skillNo":135,"name":136,"nameZh":6,"description":137,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":138,"categories":139,"keywords":141,"publishedAt":43},"01M6NRWHBP9GJK3QP0SDZ5JKMZ","template-skill","Replace with description of the skill and when Claude should use it.","https:\u002F\u002Fgithub.com\u002Fvntopicai\u002Fai-planner\u002Fblob\u002Fmain\u002Ffixtures\u002Flocal-skills\u002Ftemplate-skill\u002FSKILL.md",[140],{"categoryNo":112,"categoryName":113,"taxonomyType":106,"taxonomyTypeDesc":107},[142,143,144,145,146],"template skill","template","with","it","use",{"skillNo":148,"name":149,"nameZh":6,"description":150,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":151,"categories":152,"keywords":156,"publishedAt":43},"01M6NRW447KC6JHJETVDTS0D25","research","Use when you need to research, analyze, and plan technical solutions that are scalable, secure, and maintainable.","https:\u002F\u002Fgithub.com\u002Fvntopicai\u002Fai-planner\u002Fblob\u002Fmain\u002Ffixtures\u002Flocal-skills\u002Fresearch\u002FSKILL.md",[153],{"categoryNo":154,"categoryName":155,"taxonomyType":106,"taxonomyTypeDesc":107},"01JBSEEDCAT000000000000021","资料检索与研究",[149,157,158,159,160,146,161,162],"secure","plan","analyze","technical","Scalable","you",{"skillNo":164,"name":165,"nameZh":6,"description":166,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":167,"categories":168,"keywords":169,"publishedAt":43},"01M6NRVG7DA75KBK2XKCHQW8YT","Problem-Solving Techniques","Apply systematic problem-solving techniques for complexity spirals (simplification cascades), innovation blocks (collision-zone thinking), recurring patterns (meta-pattern recognition), assumption constraints (inversion exercise), scale uncertainty (scale game), and dispatch when stuck. Techniques derived from Microsoft Amplifier project patterns adapted for immediate application.","https:\u002F\u002Fgithub.com\u002Fvntopicai\u002Fai-planner\u002Fblob\u002Fmain\u002Ffixtures\u002Flocal-skills\u002Fproblem-solving\u002FSKILL.md",[],[170,171,172,173,174,175,176,177,178,179,180,181,182,183,184,185,186,187,188,189],"techniques","Problem Solving Techniques","problem","problem solving","uncertainty","simplification","apply","inversion","for","Inversion Exercise","project","problem-solving","thinking","Scale Game","complexity","recurring","game","exercise","Meta","when stuck",{"skillNo":191,"name":192,"nameZh":6,"description":193,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":194,"categories":195,"keywords":196,"publishedAt":43},"01M6NRV95P9DA08M92S4BHRG1M","payment-integration","Implement payment integrations with SePay (Vietnamese payment gateway with VietQR, bank transfers, cards) and Polar (global SaaS monetization platform with subscriptions, usage-based billing, automated benefits). Use when integrating payment processing, implementing checkout flows, managing subscriptions, handling webhooks, processing bank transfers, generating QR codes, automating benefit delivery, or building billing systems. Supports authentication (API keys, OAuth2), product management, customer portals, tax compliance (Polar as MoR), and comprehensive SDK integrations (Node.js, PHP, Python, Go, Laravel, Next.js).","https:\u002F\u002Fgithub.com\u002Fvntopicai\u002Fai-planner\u002Fblob\u002Fmain\u002Ffixtures\u002Flocal-skills\u002Fpayment-integration\u002FSKILL.md",[],[197,198,199,200,201,202,203,204,205,28,206,207,208,209,210,211,212,213,214,215],"payment","payment integration","integration","laravel","api","product","authentication","customer","node","api keys","bank","transfers","qr","flows","billing","processing","checkout","delivery","next",{"skillNo":217,"name":218,"nameZh":6,"description":219,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":220,"categories":221,"keywords":222,"publishedAt":43},"01M6NRV5BXB7JXQXWBHQJZ36AJ","nodejs-best-practices","Node.js development principles and decision-making. Framework selection, async patterns, security, and architecture. Teaches thinking, not copying.","https:\u002F\u002Fgithub.com\u002Fvntopicai\u002Fai-planner\u002Fblob\u002Fmain\u002Ffixtures\u002Flocal-skills\u002Fnodejs-best-practices\u002FSKILL.md",[],[223,224,225,226,227,228,229,230,182,231,232,233,205,234,235,236,23,38,237],"best practices","nodejs","nodejs best practices","selection","unknown","principles","decision-making","patterns","community","async","framework selection","decision","js","framework","security"]