mcp-nativewind
@modelcontextprotocol/server-nativewind
Tailwind コンポーネントを NativeWind 4 に変換するための MCP サーバー。
インストール
npm install -g @modelcontextprotocol/server-nativewindRelated MCP server: MCP Figma to React Converter
使用法
CLIツールとして
mcp-nativewindデスクトップ版Claude
claude_desktop_config.jsonに追加します:
{
"mcpServers": {
"nativewind-transformer": {
"command": "npx",
"args": ["-y", "@modelcontextprotocol/server-nativewind"]
}
}
}利用可能なツール
transform-component: 単一のコンポーネントを変換する
transform-directory: ディレクトリ内のすべてのコンポーネントを変換する
analyze-component: Tailwindの使用状況を分析する
発達
リポジトリをクローンする
依存関係をインストール:
npm installプロジェクトをビルドします:
npm run buildテストを実行:
npm test
貢献
貢献を歓迎します!お気軽にプルリクエストを送信してください。
ライセンス
マサチューセッツ工科大学
This server cannot be deployed
Maintenance
Related MCP Connectors
150+ React Native animation recipes, scene authoring, phone preview via QR, Reanimated v4 codegen
Tailwind CSS palettes (50-950) from any color, the closest Tailwind color, and Tailwind's defaults
Search and pull 500+ production-ready React + Tailwind sections and elements
Canonicalize Tailwind classes to their short form, and search LunarWerx free dev tools.
Related MCP Servers
- AlicenseCqualityDmaintenanceConverts Figma designs to React Native components, allowing users to extract components from Figma designs and generate corresponding React Native components with proper typing and styling.335 npm8MIT
- AlicenseNot gradedqualityDmaintenanceConverts Figma designs into React components with TypeScript and Tailwind CSS by extracting components from Figma files and transforming them into ready-to-use code.77MIT
- AlicenseAqualityBmaintenanceTranslates design tokens across platforms — extracts from Tailwind/CSS/Figma and generates native themes for Material 3, SwiftUI, and CSS variables with WCAG contrast validation.985 npm5MIT
- AlicenseNot gradedqualityDmaintenanceTransform Figma designs into pixel-perfect React + Tailwind components using the Model Context Protocol.1,213 npm5MIT