Skills
.Work. You
Rest

create-core-components

Community

Standardize React Native core components, fast.

Software Engineering#typescript#react-native#design-system#component-patterns#core-components#namespace-pattern
AuthorVinicius-B-Leite
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Creating consistent core UI components for React Native projects is often tedious and error-prone without a standardized pattern. This skill provides a blueprint to implement core components using a namespace-based TypeScript API, a Context API for state sharing, a variants system for theming, and a cohesive design-system integration.

Core Features & Use Cases

  • Compound components pattern to compose complex UI and enable flexible composition.
  • TypeScript namespaces to organize types and expose a clean public API.
  • Context API to share state across root and content components.
  • Variants system to support multiple visual styles driven by design tokens and themes.
  • Theme integration with useAppTheme and tokens to ensure consistent styling across components.
  • Guidance for creating new components or refactoring existing ones with project patterns.

Quick Start

Create a new core component following the namespace pattern, generate Root, Content (if needed), Context, Types, and an index export, and wire it with the project's theme and token system.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 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: create-core-components
Download link: https://github.com/Vinicius-B-Leite/blcalisteniaV2/archive/main.zip#create-core-components

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.