Que fait tailwind-css ?
À utiliser pour le style Tailwind v4 : ajouter/corriger des classes, configurer ou migrer Tailwind, utiliser tailwind-variants ou tw-animate-css.
À utiliser pour le style Tailwind v4 : ajouter/corriger des classes, configurer ou migrer Tailwind, utiliser tailwind-variants ou tw-animate-css.
Cette compétence est conçue pour les développeurs utilisant Tailwind CSS v4, leur permettant d'ajouter ou de corriger facilement des classes utilitaires, de configurer ou migrer des projets Tailwind, et d'exploiter des bibliothèques complémentaires comme tailwind-variants ou tw-animate-css. Elle est particulièrement utile pour générer des styles cohérents et réactifs, en s'appuyant sur les principes de Tailwind CSS pour une intégration rapide et modulaire. La compétence prend en charge les environnements de développement modernes, notamment via des agents IA comme Claude Code, Cursor ou Codex, en simplifiant les tâches répétitives de style. Elle fonctionne en interprétant les instructions de l'utilisateur pour appliquer des transformations CSS via la syntaxe fonctionnelle ou les variantes, et peut aider à la migration depuis des versions antérieures de Tailwind. Grâce à sa connaissance approfondie de Tailwind v4, elle automatise la génération de classes, la configuration du fichier `tailwind.config.js`, et l'utilisation avancée de plugins.
npx skills add https://github.com/paulrberg/agent-skills/tree/main/skills/tailwind-cssÀ utiliser pour le style Tailwind v4 : ajouter/corriger des classes, configurer ou migrer Tailwind, utiliser tailwind-variants ou tw-animate-css.
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".