Can I test my shared library locally before publishing?

Yes, the skill provides a structured workflow using 'npm link' or 'yalc' to push changes from your library to a consuming application for real-time testing.

How does it manage styling for shared UI components?

It recommends using NativeWind-compatible patterns or primitive props, allowing consuming applications to handle the final styling while keeping the shared code clean and portable.

What build tools are supported by this skill?

The skill is optimized for modern build tools like tsup and Rollup, ensuring your package correctly exports ESM, CJS, and type definitions.

How does this skill handle web vs. mobile differences?

It enforces platform-agnostic coding rules, prohibiting browser-only APIs like 'window' or 'document' in favor of platform detection and conditional imports to ensure compatibility across React and React Native.

Cross-Platform Shared Library Manager

Name: Cross-Platform Shared Library Manager
Author: Syntek-Studio

bySyntek-Studio

Mobile Development

Standardizes the development, testing, and publishing of platform-agnostic NPM packages for React and React Native environments.

概要

This skill provides a comprehensive framework for creating and maintaining shared libraries that function seamlessly across both web (React) and mobile (React Native) platforms. It enforces strict platform-agnostic coding practices, sets up optimized build configurations using tsup/Rollup for ESM and CJS support, and provides a structured development workflow for versioning and local testing. By following its established patterns for styling and API usage, developers can ensure their shared business logic and UI components remain compatible, maintainable, and easy to consume across diverse project stacks.

主な機能

Platform-agnostic code enforcement for Web and Mobile compatibility
Pre-configured TypeScript strict mode and unit testing setup
Dual-build output (ESM & CJS) configuration using tsup or Rollup
Standardized Semantic Versioning (SemVer) and publishing workflows
NativeWind-compatible UI styling patterns for shared components
0 GitHub stars

ユースケース

Establishing a standardized NPM package boilerplate with automated build and export configurations
Developing common business logic or utility functions to be shared across a monorepo
Creating a shared UI component library used by both a React web app and a React Native mobile app

概要

主な機能

Platform-agnostic code enforcement for Web and Mobile compatibility
Pre-configured TypeScript strict mode and unit testing setup
Dual-build output (ESM & CJS) configuration using tsup or Rollup
Standardized Semantic Versioning (SemVer) and publishing workflows
NativeWind-compatible UI styling patterns for shared components
0 GitHub stars

ユースケース

Establishing a standardized NPM package boilerplate with automated build and export configurations
Developing common business logic or utility functions to be shared across a monorepo
Creating a shared UI component library used by both a React web app and a React Native mobile app