Communitygithub.com

fluttersdk/wind

Tailwind CSS für Flutter — Klassen wie flex, p-4, dark:bg-gray-800 werden zu Widget-Bäumen zusammengesetzt. MCP-Server + Claude Code Skill für KI-Agenten.

Was ist wind?

fluttersdk/wind bringt die Leistungsfähigkeit von Tailwind CSS in die Flutter-Entwicklung. Mit diesem Skill können Entwickler vertraute Utility-Klassen wie `flex`, `p-4`, `dark:bg-gray-800` direkt in ihrem Code verwenden, die automatisch in Flutter-Widget-Bäume übersetzt werden. Dies beschleunigt den UI-Aufbau erheblich, da man auf das ständige Erstellen benutzerdefinierter Widgets und Styling-Konfigurationen verzichten kann. Der Skill unterstützt sowohl den MCP-Server als auch Claude Code, sodass KI-Agenten nahtlos Tailwind-artige Styling-Anweisungen generieren und in Flutter-Projekte integrieren können. Ideal für Entwicklerteams, die konsistente, responsive Designs schnell umsetzen möchten, ohne die Flutter-Ökosystem-Vorteile aufzugeben.

Funktioniert mitClaude Code~Codex CLI~Cursor
npx skills add fluttersdk/wind

In Ihrer bevorzugten KI fragen

Öffnet einen neuen Chat, in dem dieser Agent-Skill bereits geladen ist.

Dokumentation

Was macht wind?

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.

Verwandte Skills