Tailwind To NativeWind

🚀 @modelcontextprotocol/server-nativewind

TailwindコンポーネントをNativeWind 4に変換するMCPサーバーです。このサーバーは、TailwindのコンポーネントをNativeWind 4形式に変換することで、開発者がより効率的にアプリケーションを構築できるよう支援します。

🚀 クイックスタート

このサーバーを使うことで、TailwindコンポーネントをNativeWind 4に簡単に変換できます。以下のセクションでは、インストール方法や使用例を紹介します。

📦 インストール

グローバルにインストールするには、以下のコマンドを実行します。

npm install -g @modelcontextprotocol/server-nativewind

💻 使用例

基本的な使用法

コマンドラインツールとして使用する場合

以下のコマンドを実行すると、コマンドラインでサーバーを起動できます。

mcp-nativewind

Claude Desktopで使用する場合

claude_desktop_config.json ファイルに以下の内容を追加します。

{
  "mcpServers": {
    "nativewind-transformer": {
      "command": "npx",
      "args": ["-y", "@modelcontextprotocol/server-nativewind"]
    }
  }
}

高度な使用法

利用可能なツールを使って、コンポーネントの変換や分析を行うことができます。

1. transform-component：単一のコンポーネントを変換します。
2. transform-directory：ディレクトリ内のすべてのコンポーネントを変換します。
3. analyze-component：Tailwindの使用状況を分析します。

📚 ドキュメント

開発手順

以下の手順に従って、開発を開始できます。

1. リポジトリをクローンします。
2. 依存関係をインストールします：npm install
3. プロジェクトをビルドします：npm run build
4. テストを実行します：npm test

コントリビューションガイド

どんなコントリビューションも大歓迎です！Pull Requestをいつでも送信してください。

📄 ライセンス

このプロジェクトはMITライセンスの下で公開されています。