Skills
.Work. You
Rest

styling-converter

Community

Enforce design tokens for React Native styles.

Software Engineering#validation#styling#react-native#flutter#design-tokens#stylesheet#token-mapping
AuthorSaurav-snapwork
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Flutter style props must be converted to token-based React Native StyleSheet entries to ensure design consistency and prevent hard-coded values.

Core Features & Use Cases

  • Stepwise token enforcement across input styles, including color, spacing, and typography, with hard-coded value detection and alias mapping.
  • Inline handling for dynamic values and comprehensive validation of token coverage before emission.
  • Use case: during migration from Flutter to React Native, convert all text and container styles to tokens and produce a compliant StyleSheet with fallback handling.

Quick Start

Trigger this skill after you identify style props in your widget conversion and before writing the component file to ensure all styles map to tokens.

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: styling-converter
Download link: https://github.com/Saurav-snapwork/NewAppTemplate/archive/main.zip#styling-converter

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 471,000+ vetted skills library on demand.