zest-web-integration
WHAT: Zest web integration with Box, Text, Button from @/libs/zest and ZestProvider from @/libs/zest-support. WHEN: creating layouts with Box, responsive design, using theme tokens for colors and spacing. KEYWO...
Browse published AI skills maintained by guicheffer. Compare skill descriptions and follow each source repository for setup instructions.
Indexed skills
61Repository stars across indexed skills
61Repository forks
0Average repository stars per indexed skill
1Repository stars may repeat across skills from the same repository.
WHAT: Zest web integration with Box, Text, Button from @/libs/zest and ZestProvider from @/libs/zest-support. WHEN: creating layouts with Box, responsive design, using theme tokens for colors and spacing. KEYWO...
WHAT: React hooks patterns for state, effects, memoization, and custom hooks. WHEN: managing state, side effects, expensive calculations, stable callbacks. KEYWORDS: hooks, useState, useEffect, useMemo, useCall...
WHAT: Feature flag management with useFeatureIsEnabled hook for gradual rollouts. WHEN: implementing A/B tests, conditional rendering, gradual feature releases. KEYWORDS: feature flag, useFeatureIsEnabled, roll...
WHAT: Test React Native with MockedProvider for GraphQL and isolated QueryClient for TanStack Query. WHEN: testing components with server data, GraphQL operations, mutations, loading and error states. KEYWORDS:...
WHAT: Create Zest design system components for React Native with StyleSheet and accessibility props. WHEN: building new Zest components from Figma, adding variants, creating reusable mobile UI. KEYWORDS: Zest,...
WHAT: Type-safe state machines with discriminated unions and status property. WHEN: async operations, multi-step forms, authentication flows, loading/error states. KEYWORDS: state machine, discriminated union,...
WHAT: Zest design tokens with useZestStyles and createStylesConfig for React Native styling. WHEN: component styling, layout composition, conditional styles, platform-specific shadows. KEYWORDS: createStylesCon...
WHAT: styled-components v5.3.5 for CSS-in-JS with theme tokens and dynamic props. WHEN: custom styling beyond Zest, animations, conditional styles, integrating with Zest Box. KEYWORDS: styled-components, theme,...
WHAT: Entry provider hierarchy for navigation stacks, screens, and widgets. WHEN: wrapping stacks with context, creating standalone screens, building embeddable widgets. KEYWORDS: provider, NavigationEntryProvi...
WHAT: Internationalization with useT9n hook for namespace-based translations. WHEN: displaying user-facing text, accessibility labels, toast messages. KEYWORDS: i18n, localization, translations, useT9n, transla...
WHAT: React Native accessibility with accessibilityLabel, accessibilityRole, and Icon altText. WHEN: interactive elements, form inputs, images, lists, modals, testing with VoiceOver/TalkBack. KEYWORDS: accessib...
WHAT: Platform detection with PlatformIs utility and Platform.select. WHEN: conditional rendering, platform-specific values, detecting iOS vs Android. KEYWORDS: platform, PlatformIs, Platform.OS, Platform.selec...
WHAT: Event tracking with useAnalyticsTracker and AnalyticsProvider for cross-platform analytics. WHEN: tracking user interactions, feature usage, cross-platform attribution. KEYWORDS: analytics, tracking, Fire...
WHAT: iOS-specific patterns for SafeAreaView, shadows, and device APIs. WHEN: handling notches, implementing iOS shadows, accessing device info. KEYWORDS: ios, SafeAreaView, useSafeAreaInsets, shadow, StatusBar...
WHAT: Deep linking with createModuleLinking and DeepLinkQueue for cold start handling. WHEN: configuring URL-to-screen mappings, handling universal links, parsing query parameters. KEYWORDS: deep link, createMo...
WHAT: Automate iOS/Android apps via Mobile MCP server for testing. WHEN: testing mobile features, validating UI changes, regression testing. KEYWORDS: mobile, mcp, automation, testing, simulator, emulator, ios,...
WHAT: Native module development with NativeModules and NativeEventEmitter. WHEN: creating native modules, integrating SDKs, implementing JS-native bridge. KEYWORDS: native, NativeModules, NativeEventEmitter, Pr...
WHAT: Android-specific patterns for BackHandler, StatusBar, and material elevation. WHEN: handling hardware back button, configuring status bar color, implementing shadows. KEYWORDS: android, BackHandler, Statu...
WHAT: Responsive layouts with useWindowDimensions, Dimensions.get, and DeviceDimensionsUtils. WHEN: adapting to screen sizes, device detection, calculating dynamic dimensions, handling fontScale. KEYWORDS: useW...
WHAT: TypeScript type patterns and Zod schema-first validation. WHEN: defining types, validating API data, creating type guards, using generics. KEYWORDS: typescript, types, interface, zod, schema, validation,...
WHAT: Transform API responses into domain models with transformers, helpers, and utilities. WHEN: converting API data shapes, implementing data pipelines, organizing transformation logic. KEYWORDS: transformer,...
WHAT: TypeScript import ordering and export conventions. WHEN: organizing imports, creating barrel exports, reviewing import structure. KEYWORDS: imports, exports, named exports, import type, barrel, index.ts,...
WHAT: Command line tool for Atlassian Jira. WHEN: managing issues, adding comments, viewing tickets, sprint workflows. KEYWORDS: jira, ticket, issue, sprint, comment, cli, atlassian, backlog, story, epic.
WHAT: OpenTelemetry tracing with useTracer hook for spans and distributed traces. WHEN: tracking user actions, monitoring async operations, debugging production issues. KEYWORDS: tracing, OpenTelemetry, OTEL, s...
The default order uses GitHub repository stars from our indexed data. Stars belong to the source repository and may be shared by multiple skills. They indicate repository interest, not skill installs or an independent quality score.