Skills
.Work. You
Rest

Cross-Platform Components Skill

Official

Build React components for Web & Mobile.

Software Engineering#react#design system#ui/ux#cross-platform#react native#component development
AuthorMintenance-LTD
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill provides a standardized approach to building React components that function seamlessly across both web and mobile (React Native) platforms, reducing code duplication and ensuring a consistent user experience.

Core Features & Use Cases

  • Platform-Specific Implementations: Write distinct code for web and mobile while sharing common logic and types.
  • Design System Integration: Leverage shared design tokens (colors, spacing, typography) for consistent styling.
  • Common Patterns: Provides templates for frequently used components like Buttons, Cards, Modals, and List Items.
  • Use Case: Develop a reusable Button component that uses Tailwind CSS on the web and React Native's TouchableOpacity on mobile, all managed from a single codebase.

Quick Start

Use the cross-platform components skill to create a new button component with distinct web and native implementations.

Dependency Matrix

Required Modules

None required

Components

references

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: Cross-Platform Components Skill
Download link: https://github.com/Mintenance-LTD/mintenance/archive/main.zip#cross-platform-components-skill

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.