# Tailwind to NativeWind

> Use this tool when you need to transform Tailwind components into NativeWind 4 for React Native applications, solving the problem of inconsistent styling across web and mobile platforms. It takes Tailwind components or directories as input and outputs equivalent NativeWind 4 code, providing standardized endpoints for transformation, error handling, and usage analysis. This tool is ideal for cross-platform development teams seeking to reuse web-based designs in mobile projects, streamlining UI development and maintaining styling consistency.

Canonical page: https://skillsregistry.net/skills/tokenizin-tailwind-to-nativewind  
JSON: https://api.skillsregistry.net/v1/skills/tokenizin-tailwind-to-nativewind

## Description

This MCP server, developed by Tokenizin, transforms Tailwind components to NativeWind 4 for React Native applications. Built with TypeScript and leveraging tools like tree-sitter for parsing, it offers capabilities for analyzing and converting individual components or entire directories. The server exposes standardized endpoints for transformation tasks, error handling, and usage analysis. By bridging the gap between web and mobile styling paradigms, it enables developers to reuse Tailwind-based designs in React Native projects efficiently. This implementation is particularly valuable for cross-platform development teams, facilitating faster UI development and maintaining styling consistency across web and mobile platforms.

## Trust

- **Trust score (0–1):** 0.93
- **Verification tier:** verified
- **Last scanned:** 2026-09-28

## Facts

- **Version:** 1.0.0
- **Skill type:** atomic
- **Execution layer:** mcp-remote
- **Runtime environment:** api
- **Category:** productivity
- **Updated:** 2026-09-28

## Source

- **Source listing:** [PulseMCP](https://www.pulsemcp.com/servers/tokenizin-tailwind-to-nativewind)
- **Repository:** <https://github.com/tokenizin-agency/mcp-nativewind>

## Use it

Resolve this record through the SkillsRegistry MCP server (no auth, read-only):

```
claude mcp add --transport http --scope user skillsregistry https://api.skillsregistry.net/mcp
```

```json
{
  "jsonrpc": "2.0",
  "id": 1,
  "method": "tools/call",
  "params": {
    "name": "get_skill",
    "arguments": {
      "slug": "tokenizin-tailwind-to-nativewind"
    }
  }
}
```

REST: `GET https://api.skillsregistry.net/v1/skills/tokenizin-tailwind-to-nativewind` · pull for local use: `GET https://api.skillsregistry.net/v1/skills/tokenizin-tailwind-to-nativewind/pull`

---
SkillsRegistry indexes agent skills from public registries and GitHub. Skills we have analysed are scanned with Circle-IR and scored on six dimensions; each listing states its scan coverage. More: https://skillsregistry.net/llms.txt