สกิลสำหรับเอเจนต์

• design-mobile-apps designed-by-ai/skills

  Use when the user wants to design a mobile app or UI screens, when they mention their Sleek (sleek.design) projects, or when implementing Sleek designs in code (HTML, React Native, SwiftUI).

  637,244 ผ่าน npx skills add designed-by-ai/skills --skill design-mobile-apps -a windsurf

• ui-ux-pro-max nextlevelbuilder/ui-ux-pro-max-skill

  UI/UX design intelligence for web, mobile, and desktop. This skill should be used when designing, building, reviewing, or fixing interfaces, including pages, components, design systems, accessibility, interaction, responsive layout, typography, color, charts, and stack-specific UI implementation. Searchable local data: 79 searchable styles (50 active), 192 product palettes and reasoning profiles, 74 font pairings, 119 UX guidelines, 105 icons, 17 GSAP presets, 25 chart types, and 22 stacks.

  382,951 ผ่าน npx skills add nextlevelbuilder/ui-ux-pro-max-skill --skill ui-ux-pro-max -a windsurf

• imagegen-frontend-mobile leonxlnx/taste-skill

  Elite mobile app image-generation skill for creating premium, app-native screen concepts and flows. Designed for iOS, Android, and cross-platform mobile products. Prioritizes clean hierarchy, comfortably readable text, strong multi-screen consistency, controlled color palettes, non-generic creative direction, textured surfaces, image-led composition, tasteful custom iconography, and clean phone mockup framing. By default, screens should be shown inside a subtle premium iPhone or similar phone mockup with a visible frame, while the main focus stays on the app content itself. This skill generates images only. It does not write code.

  332,596 ผ่าน npx skills add leonxlnx/taste-skill --skill imagegen-frontend-mobile -a windsurf

• vercel-react-native-skills vercel-labs/agent-skills

  React Native and Expo best practices for building performant mobile apps. Use when building React Native components, optimizing list performance, implementing animations, or working with native modules. Triggers on tasks involving React Native, Expo, mobile performance, or native platform APIs.

  231,111 มีคำเตือน npx skills add vercel-labs/agent-skills --skill vercel-react-native-skills -a windsurf

• ios-design uizze.sh

  Design and review iOS UI/UX for iPhone apps in SwiftUI, UIKit, or React Native. Use for mobile app design, screen redesigns, navigation flows, typography, forms, keyboard and safe-area layout, and accessibility checks. Apply Apple Human Interface Guidelines and consult real product references through the optional Uizze connection.

  223,097 ยังไม่ตรวจสอบ npx skills add uizze.sh --skill ios-design -a windsurf

• animation-vocabulary emilkowalski/skills

  Reverse-lookup glossary that turns a vague description of a web animation or motion effect into its exact term ("the bouncy thing when a popover opens" → Pop in; "the iOS rubber-band scroll" → Rubber-banding). Use when the user asks "what's it called when…", or describes a motion effect without knowing its name and wants the right word to prompt an AI or designer with. For naming an effect, not designing or building one.

  188,901 ผ่าน npx skills add emilkowalski/skills --skill animation-vocabulary -a windsurf

• firebase-firestore firebase/agent-skills

  Sets up, manages, queries, and configures Cloud Firestore databases (Standard/Enterprise edition), including data modeling, security rules, indexes, and SDK integrations (Web, Python, iOS, Android, Flutter). Use when creating/listing Firestore databases, defining data models/indexes, writing SDK queries, or integrating Firestore SDKs. For authoring or modifying Firestore Security Rules (firestore.rules), delegate to the firestore-rules-author subagent if subagent delegation is available, or use firestore-rules-creation otherwise. Don't use for Firebase Hosting, Data Connect, Auth, Storage/GCS, Crashlytics, Functions, or BigQuery.

  124,678 มีคำเตือน npx skills add firebase/agent-skills --skill firebase-firestore -a windsurf

• xcode-project-setup firebase/agent-skills

  Safely modifies Xcode projects (.pbxproj) to add Swift Packages and link files. Use this skill whenever an iOS project needs dependencies installed (e.g. Firebase, Alamofire).

  120,499 ผ่าน npx skills add firebase/agent-skills --skill xcode-project-setup -a windsurf

• firebase-remote-config-basics firebase/agent-skills

  Manages Firebase Remote Config templates, feature flags, loading strategies, and SDKs (Android, iOS). Use when downloading/deploying remoteconfig JSON templates, managing version history/feature flags, setting in-app defaults, fetchAndActivate(), real-time listeners, or SDK setup. Don't use for Firebase Hosting, Auth, Firestore, Data Connect, Crashlytics, or App Hosting.

  111,008 ผ่าน npx skills add firebase/agent-skills --skill firebase-remote-config-basics -a windsurf

• animate-expo emilkowalski/skills

  Build animations in React Native and Expo, making the decisions in the order that determines whether they feel right — should it animate, which thread it runs on, which properties, spring or timing, how the gesture hands off, how it degrades. Writes the implementation with Reanimated, Gesture Handler, Expo Router and expo-haptics. Use when animating anything in an Expo app, adding gestures, sheets, screen transitions, press feedback or haptics, or fixing motion that stutters on device. For web animation use `animate`.

  84,097 ผ่าน npx skills add emilkowalski/skills --skill animate-expo -a windsurf

• server-side-conversion-tracking autonnel/autonnel-skills

  Set up server-side conversion tracking so purchases are reported accurately to Facebook, TikTok, Google and Bing despite iOS restrictions, ad blockers and cookie loss. Use when conversions are under-reported, when platform-reported purchases do not match real orders, when asked about Conversions API / Events API / offline conversions / CAPI, click id passthrough (fbclid, ttclid, gclid, msclkid), or when ad optimization has degraded after tracking changes.

  78,542 ผ่าน npx skills add autonnel/autonnel-skills --skill server-side-conversion-tracking -a windsurf

• write-swift emilkowalski/skills

  How to write modern Swift well — modeling with value types, Swift 6 data-race safety and approachable concurrency (@concurrent, main-actor-by-default, actors, task groups), protocols and generics (some vs any), API design, performance and ARC, Swift Testing, macros, and the modern language features agents don't know about yet. Use when writing, reviewing, or migrating Swift, or when a concurrency error, a hang, a data race, a retain cycle, or a performance problem needs fixing.

  75,523 ผ่าน npx skills add emilkowalski/skills --skill write-swift -a windsurf

• upgrade-stripe stripe/ai

  Guide for upgrading Stripe API versions, webhook endpoints, server-side SDKs, Stripe.js, and mobile SDKs

  69,779 ผ่าน npx skills add stripe/ai --skill upgrade-stripe -a windsurf

• expo-dev-client expo/skills

  Framework (OSS). Build and distribute Expo development clients locally or via TestFlight for internal testing. For production TestFlight releases and store submission, use the eas-app-stores skill.

  64,387 ผ่าน npx skills add expo/skills --skill expo-dev-client -a windsurf

• expo-tailwind-setup expo/skills

  53,553 ผ่าน npx skills add expo/skills --skill expo-tailwind-setup -a windsurf

• momentic-mobile-test momentic-ai/skills

  Create, run, and maintain Momentic mobile E2E tests and modules for Android and iOS. Use Momentic MCP tools for live device validation, and use direct v2 YAML edits only for high-confidence local mobile v2 changes.

  44,251 ผ่าน npx skills add momentic-ai/skills --skill momentic-mobile-test -a windsurf

• youtube-thumbnail-design 101-skills/superpowers

  YouTube thumbnail design with specific dimensions, contrast rules, and mobile preview optimization. Covers safe zones, text placement, face expression psychology, and A/B testing. Use for: YouTube thumbnails, video cover images, click-through optimization. Triggers: youtube thumbnail, thumbnail design, video thumbnail, click through rate, ctr optimization, youtube cover, video cover image, thumbnail maker, thumbnail tips, youtube design, video preview image

  43,202 มีคำเตือน npx skills add 101-skills/superpowers --skill youtube-thumbnail-design -a windsurf

• upgrading-expo expo/skills

  42,160 มีคำเตือน npx skills add expo/skills --skill upgrading-expo -a windsurf

• expo-deployment expo/skills

  40,171 มีคำเตือน npx skills add expo/skills --skill expo-deployment -a windsurf

• expo-module expo/skills

  Framework (OSS). Guide for creating and writing Expo native modules and views using the Expo Modules API (Swift, Kotlin, TypeScript). Covers module definition DSL, native views, shared objects, config plugins, lifecycle hooks, autolinking, and type system. Use when building or modifying native modules for Expo. Not for migrating an existing Swift module from the definition DSL to the Expo Modules API 2.0 macros; use expo-migrate-module (from the expo-experiments plugin) for that.

  40,153 ผ่าน npx skills add expo/skills --skill expo-module -a windsurf

• expo-cicd-workflows expo/skills

  39,231 มีคำเตือน npx skills add expo/skills --skill expo-cicd-workflows -a windsurf

• flutter-apply-architecture-best-practices flutter/agent-plugins

  Architects a Flutter application using the recommended layered approach (UI, Logic, Data). Use when structuring a new project or refactoring for scalability.

  39,211 ผ่าน npx skills add flutter/agent-plugins --skill flutter-apply-architecture-best-practices -a windsurf

• mobile-native emilkowalski/skills

  Make a web app feel native on a phone — the small CSS and meta-tag fixes that separate "a website in a browser" from something that feels installed. Covers sticky hover states, tap highlight flashes, the 100vh bug, inputs that zoom the page, laggy taps, pull-to-refresh hijacking scroll, content under the notch, long-press selecting button text, carousels that scroll the wrong way, mismatched status bars, and the rule that you test on real hardware. Use when a web app is being built for or reviewed on mobile, when something "works in Chrome but feels wrong on my phone", when building a PWA, a bottom sheet, a carousel, a full-screen layout, or any touch interaction. For motion itself use animate; for React Native use animate-expo.

  38,523 ผ่าน npx skills add emilkowalski/skills --skill mobile-native -a windsurf

• flutter-build-responsive-layout flutter/agent-plugins

  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.

  38,412 ผ่าน npx skills add flutter/agent-plugins --skill flutter-build-responsive-layout -a windsurf

• expo-api-routes expo/skills

  37,201 มีคำเตือน npx skills add expo/skills --skill expo-api-routes -a windsurf

• flutter-fix-layout-issues flutter/agent-plugins

  Fixes Flutter layout errors (overflows, unbounded constraints) using Dart and Flutter MCP tools. Use when addressing "RenderFlex overflowed", "Vertical viewport was given unbounded height", or similar layout issues.

  36,352 ผ่าน npx skills add flutter/agent-plugins --skill flutter-fix-layout-issues -a windsurf

• flutter-add-widget-test flutter/agent-plugins

  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.

  35,550 ผ่าน npx skills add flutter/agent-plugins --skill flutter-add-widget-test -a windsurf

• flutter-add-integration-test flutter/agent-plugins

  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.

  34,729 ผ่าน npx skills add flutter/agent-plugins --skill flutter-add-integration-test -a windsurf

• flutter-setup-declarative-routing flutter/agent-plugins

  Configure `MaterialApp.router` using a package like `go_router` for advanced URL-based navigation. Use when developing web applications or mobile apps that require specific deep linking and browser history support.

  34,419 ผ่าน npx skills add flutter/agent-plugins --skill flutter-setup-declarative-routing -a windsurf

• flutter-implement-json-serialization flutter/agent-plugins

  Create model classes with `fromJson` and `toJson` methods using `dart:convert`. Use when manually mapping JSON keys to class properties for simple data structures.

  33,815 มีคำเตือน npx skills add flutter/agent-plugins --skill flutter-implement-json-serialization -a windsurf

• flutter-setup-localization flutter/agent-plugins

  Add `flutter_localizations` and `intl` dependencies, enable "generate true" in `pubspec.yaml`, and create an `l10n.yaml` configuration file. Use when initializing localization support for a new Flutter project.

  33,472 ผ่าน npx skills add flutter/agent-plugins --skill flutter-setup-localization -a windsurf

• flutter-add-widget-preview flutter/agent-plugins

  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.

  33,424 ผ่าน npx skills add flutter/agent-plugins --skill flutter-add-widget-preview -a windsurf

• swiftui-expert-skill avdlee/swiftui-agent-skill

  Use when writing, reviewing, or refactoring SwiftUI code for iOS or macOS, including state and `@Observable` data flow, view composition, resizable layouts, safe areas, display scale, performance, lists, environment, localization, animation, Liquid Glass, and API migration. Also use for iPhone Duo, foldable, or large-display layouts (`NavigationSplitView` on large displays, two-column reflow, foldable grids, `ArrangementView`, `ReservedRegion`), hinge effects, vertical bars, `@State` initialization or synthesized-property diagnostics, `@ContentBuilder` ambiguity, `reorderable` drag/drop, custom `AsyncImage` `URLSession`, swipe actions outside List, item-bound `alert`/`confirmationDialog`, `ToolbarOverflowMenu`, `AnimatableValues`, Document APIs (`Document`/`DocumentReader`), and Instruments `.trace` capture or analysis.

  33,384 ผ่าน npx skills add avdlee/swiftui-agent-skill --skill swiftui-expert-skill -a windsurf

• flutter-use-http-package flutter/agent-plugins

  Use the `http` package to execute GET, POST, PUT, or DELETE requests. Use when you need to fetch from or send data to a REST API.

  32,905 ไม่ผ่าน npx skills add flutter/agent-plugins --skill flutter-use-http-package -a windsurf

• swiftui-pro twostraws/swiftui-agent-skill

  Comprehensively reviews SwiftUI code for best practices on modern APIs, maintainability, and performance. Use when reading, writing, or reviewing SwiftUI projects.

  31,086 มีคำเตือน npx skills add twostraws/swiftui-agent-skill --skill swiftui-pro -a windsurf

• react-native-best-practices callstackincubator/agent-skills

  Provides React Native performance optimization guidelines for FPS, TTI, bundle size, memory leaks, re-renders, and animations. Applies to tasks involving Hermes optimization, JS thread blocking, bridge overhead, FlashList, native modules, or debugging jank and frame drops.

  27,940 ไม่ผ่าน npx skills add callstackincubator/agent-skills --skill react-native-best-practices -a windsurf

• expo-ui expo/skills

  Framework (OSS). Build native UI with the @expo/ui package: real SwiftUI on iOS and Jetpack Compose on Android. Default to @expo/ui for sheets (BottomSheet), pickers, sliders, toggles, menus, and grouped-form sections — do NOT reach for Reanimated, @gorhom/bottom-sheet, or RN built-in Picker/Switch; use @expo/ui instead. Fall back to RN built-ins only when @expo/ui is missing the component. NOTE: @expo/ui List renders native grouped rows like an iOS Settings screen — it is NOT a virtualized list; use FlatList/FlashList for large datasets. Covers universal components (Host, Column, Row, Button, Text, List, BottomSheet, FieldGroup, Switch, Slider, Picker, Menu), drop-in replacements for RN community libraries, and platform-specific SwiftUI/Jetpack Compose trees. Not for Expo Router navigation, Reanimated, or data fetching.

  26,349 ผ่าน npx skills add expo/skills --skill expo-ui -a windsurf

• expo-native-ui expo/skills

  Framework (OSS). Build beautiful, native-feeling Expo screens. Covers Apple HIG styling, semantic colors, native controls, SF Symbols, media, visual effects, gradients, storage, and responsive layout. For routing and navigation, use the expo-router skill; for motion and animation, use the expo-animation skill.

  25,322 ผ่าน npx skills add expo/skills --skill expo-native-ui -a windsurf

• expo-brownfield expo/skills

  Framework (OSS). Integrate Expo and React Native into an existing native iOS or Android app. Use for brownfield, embedding a React Native screen in SwiftUI/UIKit or Kotlin, or AAR/XCFramework packaging. Covers isolated and integrated approaches. For building or distributing a purely native app with EAS, use eas-app-stores.

  23,930 ผ่าน npx skills add expo/skills --skill expo-brownfield -a windsurf

• mobile-android-design wshobson/agents

  Master Material Design 3 and Jetpack Compose patterns for building native Android apps. Use when designing Android interfaces, implementing Compose UI, or following Google's Material Design guidelines.

  23,610 ผ่าน npx skills add wshobson/agents --skill mobile-android-design -a windsurf

• mobile-ios-design wshobson/agents

  Master iOS Human Interface Guidelines and SwiftUI patterns for building native iOS apps. Use when designing iOS interfaces, implementing SwiftUI views, or ensuring apps follow Apple's design principles.

  22,774 ผ่าน npx skills add wshobson/agents --skill mobile-ios-design -a windsurf

• youtube-thumbnail-design qu-skills/superpowers

  YouTube thumbnail design with specific dimensions, contrast rules, and mobile preview optimization. Covers safe zones, text placement, face expression psychology, and A/B testing. Use for: YouTube thumbnails, video cover images, click-through optimization. Triggers: youtube thumbnail, thumbnail design, video thumbnail, click through rate, ctr optimization, youtube cover, video cover image, thumbnail maker, thumbnail tips, youtube design, video preview image

  22,657 มีคำเตือน npx skills add qu-skills/superpowers --skill youtube-thumbnail-design -a windsurf

• expo-router expo/skills

  Framework (OSS). Navigation and routing for Expo Router. Covers file-based routes, groups and dynamic routes, folder organization, Link with previews and context menus, native Stack, page titles, modals and form sheets, NativeTabs, headers and toolbars, and header search bars.

  22,377 ผ่าน npx skills add expo/skills --skill expo-router -a windsurf

• expo-upgrade expo/skills

  Framework (OSS). Guidelines for upgrading Expo SDK versions and fixing dependency issues

  22,251 ผ่าน npx skills add expo/skills --skill expo-upgrade -a windsurf

• argent-android-emulator-setup software-mansion/argent

  Set up and connect to an Android emulator using argent MCP tools. Use when starting a new session on Android, booting an emulator, getting a device serial, or before any UI interaction task.

  21,963 ผ่าน npx skills add software-mansion/argent --skill argent-android-emulator-setup -a windsurf

• argent-react-native-optimization software-mansion/argent

  Optimizes a React Native app by profiling first to find real bottlenecks, then sweeping for mechanical issues. Entry-point for all performance work. Use when the app feels slow, user asks to optimize, fix re-renders, reduce jank, or improve startup. Delegates to argent-react-native-profiler for measurement.

  21,878 ผ่าน npx skills add software-mansion/argent --skill argent-react-native-optimization -a windsurf

• argent-ios-simulator-setup software-mansion/argent

  Set up and connect to an iOS simulator using argent MCP tools. Use when starting a new session, booting an iOS simulator, getting an iOS UDID, or before any iOS simulator interaction task.

  21,838 ผ่าน npx skills add software-mansion/argent --skill argent-ios-simulator-setup -a windsurf

• argent-react-native-app-workflow software-mansion/argent

  Step-by-step workflows for developing or debugging React Native apps on iOS simulator or Android emulator. Use when starting the app, debugging Metro, fixing builds, diagnosing runtime errors, or running tests.

  21,816 ผ่าน npx skills add software-mansion/argent --skill argent-react-native-app-workflow -a windsurf

• argent-device-interact software-mansion/argent

  Interact with an iOS simulator, Android emulator, or Chromium (CDP) app using argent MCP tools. Use when tapping UI elements, performing gestures, scrolling/swiping, typing text, pressing hardware buttons, launching apps, opening URLs, taking screenshots, waiting for an element to appear or disappear, or checking visible app state after interactions. Not for TV targets.

  21,759 มีคำเตือน npx skills add software-mansion/argent --skill argent-device-interact -a windsurf

• argent-react-native-profiler software-mansion/argent

  Profile a React Native Hermes app to measure re-render and CPU performance using argent profiler tools. Use when optimizing for performance, measuring before/after a fix, spotting slow components, diagnosing re-renders, checking CPU hotspots, or producing a ranked issue report.

  21,740 ผ่าน npx skills add software-mansion/argent --skill argent-react-native-profiler -a windsurf

• expo-data-fetching expo/skills

  Framework (OSS). Use when implementing or debugging ANY network request, API call, or data fetching. Covers fetch API, React Query, SWR, error handling, caching, offline support, loading/empty/error screen states, and Expo Router data loaders (`useLoaderData`).

  21,726 ผ่าน npx skills add expo/skills --skill expo-data-fetching -a windsurf

• argent-test-ui-flow software-mansion/argent

  Autonomously test an app UI (iOS or Android) by running interact-screenshot-verify loops using argent MCP tools. Use when testing UI flows, verifying login works, testing navigation, running end-to-end UI test scenarios, manual QA steps, visible UI changes, or visual behavior.

  21,717 มีคำเตือน npx skills add software-mansion/argent --skill argent-test-ui-flow -a windsurf

• expo-examples expo/skills

  Framework (OSS). Expo's official example projects - the expo/examples repo of ~70 `with-*` integrations (Stripe, Clerk, Supabase, OpenAI, maps, Reanimated, SQLite, Skia, NativeWind, and more). Use when integrating a third-party library or service into an existing Expo app and you want the canonical, version-matched pattern to adapt, or when scaffolding a new project from one with `npx create-expo --example`.

  21,639 ผ่าน npx skills add expo/skills --skill expo-examples -a windsurf

• responsive-design wshobson/agents

  Implement modern responsive layouts using container queries, fluid typography, CSS Grid, and mobile-first breakpoint strategies. Use when building adaptive interfaces, implementing fluid layouts, or creating component-level responsive behavior.

  19,846 ผ่าน npx skills add wshobson/agents --skill responsive-design -a windsurf

• youtube-thumbnail-design magentosh/superpowers

  YouTube thumbnail design with specific dimensions, contrast rules, and mobile preview optimization. Covers safe zones, text placement, face expression psychology, and A/B testing. Use for: YouTube thumbnails, video cover images, click-through optimization. Triggers: youtube thumbnail, thumbnail design, video thumbnail, click through rate, ctr optimization, youtube cover, video cover image, thumbnail maker, thumbnail tips, youtube design, video preview image

  18,312 มีคำเตือน npx skills add magentosh/superpowers --skill youtube-thumbnail-design -a windsurf

• expo-skill-eval expo/skills

  Evaluate Expo skills in this repo end-to-end - trigger accuracy, generated code quality, and runtime screenshots on iOS simulator and Android emulator via Expo Go (web optional). Use when the user wants to eval an Expo skill, test that a skill produces working code, benchmark a skill with device screenshots, or verify a skill's output renders correctly.

  18,074 มีคำเตือน npx skills add expo/skills --skill expo-skill-eval -a windsurf

• expo-project-structure expo/skills

  Framework (OSS). Folder structure for a new Expo app. Use when scaffolding or laying out a new Expo project with Expo Router, or deciding where a file should live in one. For new projects only — never restructure an existing app to match.

  17,309 ผ่าน npx skills add expo/skills --skill expo-project-structure -a windsurf

• expo-dom expo/skills

  Framework (OSS). Use Expo DOM components to run web code in a webview on native and as-is on web. Migrate web code to native incrementally. For the end-to-end migration of a whole web app, use the expo-web-to-native skill.

  16,936 ผ่าน npx skills add expo/skills --skill expo-dom -a windsurf

• agent-device callstack/agent-device

  Automates Apple-platform apps (iOS, tvOS, macOS), Android devices, and Amazon Vega OS TV apps in Vega Virtual Devices. Use when navigating apps, taking snapshots/screenshots where supported, driving TV remotes, tapping, typing, scrolling, extracting UI info, collecting evidence, or planning agent-device CLI commands.

  16,572 ผ่าน npx skills add callstack/agent-device --skill agent-device -a windsurf

• swift-concurrency avdlee/swift-concurrency-agent-skill

  Diagnose Swift Concurrency issues, refactor callback-based code to async/await, and guide Swift 6 migration when working with tasks, actors, @MainActor, Sendable, data races, thread safety, or concurrency-related compiler and linter warnings.

  16,390 ผ่าน npx skills add avdlee/swift-concurrency-agent-skill --skill swift-concurrency -a windsurf

• argent-tv-interact software-mansion/argent

  Control and inspect TV apps via argent — Apple TV (tvOS), Android TV (leanback), and Amazon Fire TV (Vega). Boot the target, read focus, navigate with the D-pad remote, type, screenshot, and on Vega debug the JS runtime (evaluate, console logs, network inspector). Use when a task targets a TV (runtimeKind "tv", or platform "vega"), or mentions Apple TV / tvOS / Android TV / leanback / Vega / Fire TV / VVD.

  16,353 ผ่าน npx skills add software-mansion/argent --skill argent-tv-interact -a windsurf

• expo-skill-feedback expo/skills

  Submit feedback on an Expo skill—or Expo itself—and control bundled anonymous usage telemetry (off by default / opt-in). Submit feedback with: npx --yes submit-expo-feedback@latest "ACTIONABLE_FEEDBACK". Optionally add either or both: --category "CATEGORY" and --subject "SUBJECT". Replace the uppercase placeholders before running. Use when a skill was useful, confusing, broken, missing context, or worth improving; when Expo, Expo CLI, EAS CLI, docs, or MCP worked well or fell short; when an AI agent repeatedly failed, got stuck, or needed the user to take over an Expo task (report it as an eval candidate); or when the user explicitly asks to enable or disable telemetry (tracking), check its status, or understand what it collects.

  15,938 ไม่ผ่าน npx skills add expo/skills --skill expo-skill-feedback -a windsurf

• expo-app-clip expo/skills

  Framework (OSS). Add an iOS App Clip target to an Expo app. Use when the user mentions App Clip, AASA, apple-app-site-association, appclips, smart app banner, or wants to ship a lightweight iOS Clip invoked from a URL alongside their parent app.

  15,834 ผ่าน npx skills add expo/skills --skill expo-app-clip -a windsurf

• expo-web-to-native expo/skills

  Framework (OSS). Migrate an existing web React app to a native iOS/Android app with Expo. Use when the user wants to turn a website into a mobile app, port a Next.js/Vite/CRA React codebase to React Native, reuse web code on native incrementally, or asks how web idioms (the DOM, CSS, React Router, localStorage, window) map to native. This is the end-to-end migration guide; use the `expo-dom` skill for the DOM-component mechanism itself.

  15,689 มีคำเตือน npx skills add expo/skills --skill expo-web-to-native -a windsurf

• flutter-animations madteacher/mad-agents-skills

  Add, fix, refactor, debug, test, or explain Flutter animations and motion effects. Use when working with implicit animations such as AnimatedContainer, AnimatedOpacity, AnimatedSwitcher, and TweenAnimationBuilder; explicit animations using AnimationController, Tween, CurvedAnimation, AnimatedWidget, AnimatedBuilder, and built-in transitions; Hero/shared-element route transitions; staggered or sequenced animations; physics-based motion, gestures, springs, flings, scroll physics, curves, performance, accessibility, reduced motion, and animation lifecycle bugs.

  15,208 ผ่าน npx skills add madteacher/mad-agents-skills --skill flutter-animations -a windsurf

• expo-migrate-module expo/skills

  Framework (OSS). Migrate an existing Apple/Swift Expo native module from the Expo Modules API 1.0 definition DSL to the 2.0 macro API (sometimes called v2) while preserving its JavaScript and TypeScript contract. Use when converting or incrementally adopting @ExpoModule, @JS, @Event, @SharedObject, or @Record in an existing module. Do not use for creating a new module, general Expo SDK upgrades, or Android/Kotlin migrations.

  15,005 ผ่าน npx skills add expo/skills --skill expo-migrate-module -a windsurf

• react-native-design wshobson/agents

  Master React Native styling, navigation, and Reanimated animations for cross-platform mobile development. Use when building React Native apps, implementing navigation patterns, or creating performant animations.

  14,892 ผ่าน npx skills add wshobson/agents --skill react-native-design -a windsurf

• argent-settings-permissions software-mansion/argent

  Grant, deny, or reset an app's runtime permissions (camera, microphone, photos, contacts, notifications, calendar, location, location-always, media-library, motion, reminders) on an iOS simulator or Android device using the argent `settings-permissions` tool - without navigating the system Settings UI. Use when the permission cannot be changed through the app itself - and only then, pre-authorize before the app asks, deny up front, re-enable a permission the user already denied, or reset so the prompt reappears. If the app can flip it - via an in-app toggle or the system permission dialog the app triggers - interact with the app instead.

  14,574 มีคำเตือน npx skills add software-mansion/argent --skill argent-settings-permissions -a windsurf

• react-native-architecture wshobson/agents

  Build production React Native apps with Expo, navigation, native modules, offline sync, and cross-platform patterns. Use when developing mobile apps, implementing native integrations, or architecting React Native projects.

  14,522 ผ่าน npx skills add wshobson/agents --skill react-native-architecture -a windsurf

• accessibility-compliance wshobson/agents

  Implement WCAG 2.2 compliant interfaces with mobile accessibility, inclusive design patterns, and assistive technology support. Use when auditing accessibility, implementing ARIA patterns, building for screen readers, or ensuring inclusive user experiences.

  13,926 ผ่าน npx skills add wshobson/agents --skill accessibility-compliance -a windsurf

• youtube-thumbnail-design skills-shell/superpowers

  YouTube thumbnail design with specific dimensions, contrast rules, and mobile preview optimization. Covers safe zones, text placement, face expression psychology, and A/B testing. Use for: YouTube thumbnails, video cover images, click-through optimization. Triggers: youtube thumbnail, thumbnail design, video thumbnail, click through rate, ctr optimization, youtube cover, video cover image, thumbnail maker, thumbnail tips, youtube design, video preview image

  13,834 มีคำเตือน npx skills add skills-shell/superpowers --skill youtube-thumbnail-design -a windsurf

• flutter-expert jeffallan/claude-skills

  Use when building cross-platform applications with Flutter 3+ and Dart. Invoke for widget development, Riverpod/Bloc state management, GoRouter navigation, platform-specific implementations, performance optimization.

  13,772 ไม่ผ่าน npx skills add jeffallan/claude-skills --skill flutter-expert -a windsurf

• clerk-swift clerk/skills

  Implement Clerk authentication for native Swift and iOS apps using ClerkKit

  13,739 มีคำเตือน npx skills add clerk/skills --skill clerk-swift -a windsurf

• clerk-android clerk/skills

  Implement Clerk authentication for native Android apps using Kotlin and

  13,564 ผ่าน npx skills add clerk/skills --skill clerk-android -a windsurf

• app-store-screenshots parthjadhav/app-store-screenshots

  Use when building App Store or Google Play screenshot pages, generating exportable marketing screenshots for iOS, macOS, and/or Android apps, or scaffolding a screenshot editor with Next.js. Triggers on app store, mac app store, play store, screenshots, marketing assets, html-to-image, phone mockup, mac mockup, android screenshots, feature graphic.

  13,533 มีคำเตือน npx skills add parthjadhav/app-store-screenshots --skill app-store-screenshots -a windsurf

• youtube-thumbnail-design its-a-skill-issue/superpowers

  YouTube thumbnail design with specific dimensions, contrast rules, and mobile preview optimization. Covers safe zones, text placement, face expression psychology, and A/B testing. Use for: YouTube thumbnails, video cover images, click-through optimization. Triggers: youtube thumbnail, thumbnail design, video thumbnail, click through rate, ctr optimization, youtube cover, video cover image, thumbnail maker, thumbnail tips, youtube design, video preview image

  13,455 ผ่าน npx skills add its-a-skill-issue/superpowers --skill youtube-thumbnail-design -a windsurf

• argent-screen-recording software-mansion/argent

  Record a video of an iOS simulator or Android emulator/device screen using argent MCP tools. Use when the user asks to record the screen, capture a video of a flow, interaction, or animation, produce a screen recording, or document app behavior as a video clip.

  13,174 ผ่าน npx skills add software-mansion/argent --skill argent-screen-recording -a windsurf

• clerk-expo clerk/skills

  Add Clerk authentication to Expo and React Native apps using @clerk/expo.

  13,027 ผ่าน npx skills add clerk/skills --skill clerk-expo -a windsurf

• expo ui swiftui expo/skills

  12,853 ผ่าน npx skills add expo/skills --skill expo-ui-swiftui -a windsurf

• expo ui jetpack compose expo/skills

  12,816 ผ่าน npx skills add expo/skills --skill expo-ui-jetpack-compose -a windsurf

• youtube-thumbnail-design bankai-skills/superpowers

  YouTube thumbnail design with specific dimensions, contrast rules, and mobile preview optimization. Covers safe zones, text placement, face expression psychology, and A/B testing. Use for: YouTube thumbnails, video cover images, click-through optimization. Triggers: youtube thumbnail, thumbnail design, video thumbnail, click through rate, ctr optimization, youtube cover, video cover image, thumbnail maker, thumbnail tips, youtube design, video preview image

  12,269 มีคำเตือน npx skills add bankai-skills/superpowers --skill youtube-thumbnail-design -a windsurf

• cloudbase tencentcloudbase/cloudbase-skills

  Use this skill when you develop, design, build, deploy, debug, migrate, or troubleshoot CloudBase (腾讯云开发, 云开发, TCB, 微信云开发) projects — Web, 微信小程序, 小程序, uni-app, mobile (iOS, Android, Flutter, React Native). Covers UI (页面, 界面, 表单, dashboard, prototype, 原型); auth (登录, 注册, OAuth, publishable key); databases (NoSQL 文档数据库, MySQL 关系型数据库, PostgreSQL/CloudBase PG, app.rdb(), queryPgDatabase/managePgDatabase, CRUD, security rules); 云函数/cloud functions (serverless, scf_bootstrap); CloudRun (云托管, Dockerfile); 云存储; built-in AI (内置大模型, AI 对话, streaming, 流式输出, 图片生成, generateText, streamText, createModel, generateImage, TokenHub, Hunyuan, DeepSeek, GLM, Kimi, Token Credits 资源包, 小程序成长计划); third-party/custom model onboarding (第三方大模型接入, 大模型调用, LLM API); AI agent (智能体, AG-UI, LangGraph); ops troubleshooting (巡检, 诊断, 日志); spec workflow (需求文档, 技术方案, requirements, tasks.md). Do NOT use for non-CloudBase projects, pure frontend without CloudBase, or self-hosted backends without CloudBase.

  12,088 ไม่ผ่าน npx skills add tencentcloudbase/cloudbase-skills --skill cloudbase -a windsurf

• expo-design-system expo/skills

  Framework (OSS). Build and maintain a design system inside an Expo app - a reusable theme of design tokens (color, spacing, typography, radius, shadow, motion), reusable component structure with variant/size/state prop conventions, and rules for when to extract a repeated view into a shared component. Use when creating or organizing theme files and design tokens (theme.ts / theme/), extending an existing theme or styling library (NativeWind, Tamagui, Restyle, Unistyles) in its own idiom, standardizing styles so screens (including AI-generated ones) look consistent and polished, fixing an app that looks AI-generated or generic instead of native (the named native-slop tells), building an in-app component library, or auditing an app for design-system drift (hardcoded colors, spacing, fonts). For platform styling specifics (semantic colors, HIG rules, native controls) use expo-native-ui; for folder layout of a new app use expo-project-structure.

  11,719 ผ่าน npx skills add expo/skills --skill expo-design-system -a windsurf

• upgrading-react-native callstackincubator/agent-skills

  Upgrades React Native apps to newer versions by applying rn-diff-purge template diffs, updating package.json dependencies, migrating native iOS and Android configuration, resolving CocoaPods and Gradle changes, and handling breaking API updates. Use when upgrading React Native, bumping RN version, updating from RN 0.x to 0.y, or migrating Expo SDK alongside a React Native upgrade.

  11,396 มีคำเตือน npx skills add callstackincubator/agent-skills --skill upgrading-react-native -a windsurf

• android-clean-architecture affaan-m/ecc

  Clean Architecture patterns for Android and Kotlin Multiplatform projects — module structure, dependency rules, UseCases, Repositories, and data layer patterns. Use when structuring modules, layers, or data flow in an Android or KMP project.

  10,898 ผ่าน npx skills add affaan-m/ecc --skill android-clean-architecture -a windsurf

• swift-concurrency-pro twostraws/swift-concurrency-agent-skill

  Reviews Swift code for concurrency correctness, modern API usage, and common async/await pitfalls. Use when reading, writing, or reviewing Swift concurrency code.

  10,874 ผ่าน npx skills add twostraws/swift-concurrency-agent-skill --skill swift-concurrency-pro -a windsurf

• liquid-glass-design affaan-m/ecc

  iOS 26 Liquid Glass design system — dynamic glass material with blur, reflection, and interactive morphing for SwiftUI, UIKit, and WidgetKit. Use when building iOS 26 Liquid Glass UI in SwiftUI, UIKit, or WidgetKit.

  10,647 ผ่าน npx skills add affaan-m/ecc --skill liquid-glass-design -a windsurf

• flutter-building-layouts flutter/agent-plugins

  10,628 ผ่าน npx skills add flutter/agent-plugins --skill flutter-building-layouts -a windsurf

• expo-animation expo/skills

  Framework (OSS). Build animations in React Native and Expo, making the decisions in the order that determines whether they feel right — should it animate, which thread it runs on, which properties, spring or timing, how the gesture hands off, how it degrades. Writes the implementation with Reanimated, Gesture Handler, Expo Router and expo-haptics. Use when animating anything in an Expo app, adding gestures, sheets, screen transitions, press feedback or haptics, or fixing motion that stutters on device. For web animation use `animate`.

  10,585 ผ่าน npx skills add expo/skills --skill expo-animation -a windsurf

• expo-overview expo/skills

  Framework (OSS). Entry point and router for every Expo or EAS task. Load this skill first — before writing code and before choosing another expo-* / eas-* skill — when the request, PRD, or spec mentions Expo, EAS, Expo Go, or an expo-* package, or the project has an `expo` dependency in `package.json`. Within that gate it also covers app specs and designs to implement (tabs, stacks, maps, lists, navigation, building from a screenshot), and phrasings like 'implement a mobile app', 'make my app look native', 'add navigation', 'fetch some data', 'upgrade my SDK', 'add Expo to my existing native app', 'ship to the App Store', or 'I'm new to Expo, where do I start'. A fully specified request (SDK pinned, libraries named, layout given) still routes through here — the shared setup rules still apply. Do NOT load it when neither signal is present: a bare React Native project with no `expo` dependency is not Expo work. Detects the real goal, routes to the right expo-* / eas-* skill, and owns the shared setup rules.

  10,410 ผ่าน npx skills add expo/skills --skill expo-overview -a windsurf

• heroui-native heroui-inc/heroui

  HeroUI Native component library for React Native (Tailwind v4 via Uniwind). Use when building mobile UIs with HeroUI Native — creating Buttons, Cards, TextFields, Dialogs; installing heroui-native; configuring dark/light themes; or fetching component docs. Keywords: HeroUI Native, heroui-native, React Native UI, Uniwind, mobile components.

  10,384 ไม่ผ่าน npx skills add heroui-inc/heroui --skill heroui-native -a windsurf

• flutter-architecting-apps flutter/agent-plugins

  10,344 ผ่าน npx skills add flutter/agent-plugins --skill flutter-architecting-apps -a windsurf

• mobile-app-ui-design ceorkm/mobile-app-ui-design

  Design high-quality mobile app UI/UX screens, flows, and components. Use this skill whenever the user asks to design a mobile app screen, create app mockups, build mobile UI components, improve an existing mobile app design, create onboarding flows, design mobile navigation, or requests any mobile-first interface work. Also trigger when the user mentions app design, mobile UI, mobile UX, screen design, app mockups, wireframes, or wants to build React Native / Flutter / SwiftUI style interfaces as visual prototypes. Even if the user just says "design an app" or "make this screen look better", use this skill.

  10,272 ผ่าน npx skills add ceorkm/mobile-app-ui-design --skill mobile-app-ui-design -a windsurf

• limrun-ios-simulator limrun-inc/skills

  Drive an app running on a Limrun cloud iOS simulator: launch, tap, type, read the accessibility element tree, read app logs and simulator syslog, screenshot, record video, connect the app to local services, play a video file as the camera, set the clipboard, read and write user defaults, post notifications, and run timed action chains. Use after a build (from any builder) when the user wants to see, test, or interact with their app on a simulator, or says 'show me a screenshot', 'tap', 'run the UI test', 'record a video', 'read the logs', 'connect localhost', 'reach my local server from the simulator', 'mock the camera', 'paste into the app', 'change the language', 'simulate Face ID', or 'launch on simulator'. To build the app first, use limrun-xcode-bazel (Bazel workspaces) or limrun-xcode (xcodebuild projects).

  9,916 ผ่าน npx skills add limrun-inc/skills --skill limrun-ios-simulator -a windsurf

• limrun-detox-testing limrun-inc/skills

  Configure, run, or debug Detox on Limrun iOS simulators. Use when attaching the Limrun Detox runtime to an app, wiring Detox mediator connectivity, or validating app/tester connections over destination tunnels.

  9,911 ผ่าน npx skills add limrun-inc/skills --skill limrun-detox-testing -a windsurf

• limrun-expo-development limrun-inc/skills

  Prepare and run Expo / React Native apps on Limrun with Expo dev-client iteration. Use when the user wants an Expo dev build, Metro tunnel, hot reload, JS/TS iteration without repeated native rebuilds, or to run/test an Expo app on a remote iOS simulator or Android emulator.

  9,908 ผ่าน npx skills add limrun-inc/skills --skill limrun-expo-development -a windsurf

• limrun-xcode limrun-inc/skills

  Build an iOS / Apple app on remote Xcode with `lim xcode build` instead of local xcodebuild, run project commands with `lim xcode run`, or run its XCTest suites with `lim xcode test`, from any environment (Linux, Windows, macOS, VM, container). Use for non-Bazel projects (an `.xcodeproj` / `.xcworkspace`, an XcodeGen `project.yml` with a gitignored project, React Native / Expo native build) when the user wants to build, compile, run code generation or Make targets, test, inspect build logs, reload, produce a preview build, or ship a signed device IPA. To run, tap, screenshot, or otherwise interact with the result on a simulator, use limrun-ios-simulator. For Bazel workspaces, use limrun-xcode-bazel.

  9,907 ผ่าน npx skills add limrun-inc/skills --skill limrun-xcode -a windsurf

• limrun-xcode-bazel limrun-inc/skills

  Build a Bazel-based iOS / macOS / Apple app on Limrun's remote build execution (RBE) instead of a local Mac, and install it on a remote iOS simulator. Use when the project is a Bazel workspace (MODULE.bazel / WORKSPACE) building rules_apple / rules_swift targets and the user wants to `bazel build` it or run it on a simulator, or when a `--config=limrun` build or install misbehaves. To then tap, type, screenshot, or otherwise interact with the running app, use limrun-ios-simulator. For non-Bazel (plain xcodebuild) projects use limrun-xcode instead.

  9,896 ผ่าน npx skills add limrun-inc/skills --skill limrun-xcode-bazel -a windsurf

• kotlin-springboot github/awesome-copilot

  Get best practices for developing applications with Spring Boot and Kotlin.

  9,744 มีคำเตือน npx skills add github/awesome-copilot --skill kotlin-springboot -a windsurf

• dogfood callstack/agent-device

  Systematically explore and test a mobile app on iOS/Android with agent-device to find bugs, UX issues, and other problems. Use when asked to dogfood, QA, exploratory test, find issues, bug hunt, or test this app on mobile.

  9,693 ผ่าน npx skills add callstack/agent-device --skill dogfood -a windsurf

คำอธิบายเป็นของผู้สร้างเอง เป็นภาษาอังกฤษ โปรดอ่านโค้ดของสกิลในรีโพสิทอรีก่อนติดตั้ง