Can I use this for UI components?

Yes, it includes specific guidelines for styling shared UI using NativeWind patterns or primitive props to ensure compatibility across Web and React Native environments.

How does it handle local testing before publishing?

The skill guides users through a development workflow using npm link or yalc push to test shared packages in consuming applications without requiring a full registry publish.

How does this skill ensure code works on both web and mobile?

It enforces platform-agnostic coding standards by identifying browser-only APIs like 'window' or 'document' and suggesting cross-platform alternatives or conditional imports.

What build tools does the shared-lib skill use?

It utilizes tsup or Rollup to generate both ESM and CJS outputs, ensuring compatibility with various JavaScript environments and module systems.

Cross-Platform Shared Library Manager

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

bySyntek-Dev

0•

Mobile Development

Architects and maintains platform-agnostic shared libraries for seamless code reuse across React web and React Native mobile applications.

This skill provides a comprehensive framework for building shared NPM packages that function correctly in both web and mobile environments. It enforces critical rules for platform-agnostic coding, such as avoiding browser-specific APIs and implementing conditional imports. By standardizing build tools like tsup and establishing strict semantic versioning and local development workflows using yalc or npm link, it ensures high-quality, production-ready internal libraries that accelerate multi-platform development.

主な機能

01Platform-agnostic code enforcement for Web and Mobile

02Automated ESM and CJS build configurations via tsup

03Standardized file structure for components, hooks, and utils

04Cross-platform styling patterns with NativeWind compatibility

05Semantic versioning (SemVer) and publication workflows

060 GitHub stars

ユースケース

01Building a shared UI component library for web and mobile apps

02Standardizing internal NPM package development across a team

03Creating cross-platform business logic and API utility packages

What are Skills?·How to Install

Install with 🐟 Skill.Fish

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

For use in Claude.ai and ChatGPT

Download Skill