-
securityF
license-
qualityConverts 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.
Last updated -
43
5
@modelcontextprotocol/server-nativewind
Tailwind コンポーネントを NativeWind 4 に変換するための MCP サーバー。
インストール
npm install -g @modelcontextprotocol/server-nativewind
使用法
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
貢献
貢献を歓迎します！お気軽にプルリクエストを送信してください。
ライセンス
マサチューセッツ工科大学
Tailwind コンポーネントを NativeWind 4 に変換します。
Related MCP Servers
- -securityAlicense-qualityConverts Figma designs into React components with TypeScript and Tailwind CSS by extracting components from Figma files and transforming them into ready-to-use code.Last updated -52MIT License
- AsecurityAlicenseAqualityProvides comprehensive tools for React Native development, automating project initialization, version management, upgrades, Expo integration, and development workflows through AI assistance.Last updated -2267MIT License