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

0•

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.

主要功能

01Platform-agnostic code enforcement for Web and Mobile compatibility

02Pre-configured TypeScript strict mode and unit testing setup

03Dual-build output (ESM & CJS) configuration using tsup or Rollup

04Standardized Semantic Versioning (SemVer) and publishing workflows

05NativeWind-compatible UI styling patterns for shared components

060 GitHub stars

使用场景

01Establishing a standardized NPM package boilerplate with automated build and export configurations

02Developing common business logic or utility functions to be shared across a monorepo

03Creating a shared UI component library used by both a React web app and a React Native mobile app

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add syntek-studio/syntek-dev-suite stack-shared-lib

For use in Claude.ai and ChatGPT

Download Skill