wind

fluttersdk/wind
★ 18 stars Dart 🤖 AI/LLM Updated today
Tailwind CSS for Flutter — classes like flex, p-4, dark:bg-gray-800 compose into widget trees. MCP server + Claude Code skill for AI agents.
View on GitHub → Try with Claude — $10 free →

Quick Install

Copy the config for your editor. Some servers may need additional setup — check the README.

Add to claude_desktop_config.json:

{
  "mcpServers": {
    "wind": {
      "command": "npx",
      "args": [
        "-y",
        "fluttersdk/wind"
      ]
    }
  }
}

README Excerpt

<p align="center"> <img src=".github/wind-logo.svg" width="120" alt="Wind Logo" /> </p> <h1 align="center">Wind</h1> <p align="center"> <strong>Rapidly build modern Flutter apps without ever leaving your widget tree.</strong><br/> A utility-first styling framework for Flutter. Tailwind-syntax <code>className</code> strings, 20 W-prefix widgets, dark mode, responsive prefixes, and three AI integration layers shipped with the package.

Topics

ai-agentsclaude-codecursor-rulesdark-modedartdesign-systemdesign-tokensfluttermcpmcp-serverresponsive-designtailwindtailwindcssui-frameworkutility-first