Was macht tailwind-css?
Verwenden für Tailwind v4 Styling: Klassen hinzufügen/korrigieren, Tailwind konfigurieren oder migrieren, tailwind-variants oder tw-animate-css nutzen.
Verwenden für Tailwind v4 Styling: Klassen hinzufügen/korrigieren, Tailwind konfigurieren oder migrieren, tailwind-variants oder tw-animate-css nutzen.
Dieses Skill ist für die Arbeit mit Tailwind CSS v4 optimiert und unterstützt Entwickler bei allen typischen Aufgaben rund um das Utility-first CSS-Framework. Es ermöglicht das gezielte Hinzufügen oder Korrigieren von Tailwind-Klassen in bestehenden Projekten, die Konfiguration des Frameworks sowie die Migration von älteren Versionen zu v4. Zudem bietet es Integrationen für beliebte Erweiterungen wie tailwind-variants, um variantenreiche Komponenten zu erstellen, und tw-animate-css für Animationen. Der Skill ist als Werkzeug für KI-Agenten konzipiert, die direkt im Code Änderungen vornehmen, ohne dass der Entwickler manuell Tailwind-Konfigurationen anpassen muss. Es funktioniert plattformunabhängig und wird über die Konfigurationsdateien des Projekts gesteuert, sodass es in nahezu jeder JavaScript/TypeScript-Umgebung eingesetzt werden kann. Durch die automatische Erkennung von Tailwind-Version und -Konfiguration vereinfacht es den Workflow erheblich.
npx skills add https://github.com/paulrberg/agent-skills/tree/main/skills/tailwind-cssVerwenden für Tailwind v4 Styling: Klassen hinzufügen/korrigieren, Tailwind konfigurieren oder migrieren, tailwind-variants oder tw-animate-css nutzen.
This repo contains 10 individual skills — each has its own dedicated page.
This skill should be used when the user asks to "configure Biome", "extend biome config", "set up BiomeJS", "add biome overrides", "biome lint-staged", "fix biome errors", or mentions biome.jsonc, Biome linting, or Biome formatting configuration.
Use for dependency updates: update/bump deps, npm/pnpm/yarn/bun package upgrades, outdated checks, package.json updates, or taze.
Use for release versioning: bump/cut/tag a release, bump version, create a release, changelog updates, or version tagging.
Use for GitHub CLI automation: gh commands, repo info, workflow triggers, GitHub search, codespaces, PR status, issues, repo browsing, or command-line GitHub tasks.
Use for combined simplification and review: polish code, clean up and review/fix, simplify then review, refactor and review, or full code polish on recent changes.
Use for code/PR review, audits, bug/security checks, reviewing diffs or changes, and finding issues in code.
Use for simplifying recently changed code: clean up, refactor for clarity, reduce complexity, improve readability, or maintainability.
Use for nontrivial Effect-TS work including services/layers, typed errors, Schema/JSONSchema, Config, runtime/concurrency, @effect/vitest, @effect/ai, or @prb/effect-next.
Use ONLY to update or initialize README.md, CLAUDE.md, or AGENTS.md. Do not trigger for other Markdown files.
Use for GitHub PR/issue/discussion workflows: create/update PRs or issues, post comments, start discussions; triggers include create/open PR, file/update issue, yeet.
ElevenLabs text-to-speech with mac-style say UX.
Oracle CLI second-model review/debug/refactor/design with selected files, dry-run token checks, API or browser engine.
Capture and automate macOS UI with the Peekaboo CLI.
Generate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants to design an API, explore interface options, compare module shapes, or mentions "design it twice".
Build a throwaway prototype to flesh out a design — a runnable terminal app for state/business-logic questions, or several radically different UI variations toggleable from one route.
Interview the user relentlessly about a plan or design until reaching shared understanding, resolving each branch of the decision tree. Use when user wants to stress-test a plan, get grilled on their design, or mentions "grill me".