Communitygithub.com

paulrberg/tailwind-css

Use para estilização com Tailwind v4: adicionar/consertar classes, configurar ou migrar Tailwind, usar tailwind-variants ou tw-animate-css.

O que é tailwind-css?

Esta skill é especializada em auxiliar desenvolvedores a trabalhar com Tailwind CSS v4. Ela permite adicionar ou corrigir classes de estilo, configurar o Tailwind, migrar projetos de versões anteriores, e utilizar bibliotecas complementares como tailwind-variants e tw-animate-css. Suporta ambientes de desenvolvimento com agentes AI como Claude Code, Cursor e Codex. Ao invocar a skill, o agente pode sugerir alterações de classes, ajustar configurações do arquivo tailwind.config, ou aplicar utilitários de animação de forma consistente com a versão 4 do framework. É útil para quem precisa de assistência rápida e precisa na estilização de componentes React, Vue ou outros frameworks que usam Tailwind, evitando erros comuns de sintaxe e garantindo boas práticas.

Funciona com~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/paulrberg/agent-skills/tree/main/skills/tailwind-css

Perguntar na sua IA favorita

Abre um novo chat com esta habilidade de agente já pré-carregada.

Documentação

O que tailwind-css faz?

Use para estilização com Tailwind v4: adicionar/consertar classes, configurar ou migrar Tailwind, usar tailwind-variants ou tw-animate-css.

Individual skills in this repo

This repo contains 10 individual skills — each has its own dedicated page.

paulrberg/biome-js

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.

paulrberg/bump-deps

Use for dependency updates: update/bump deps, npm/pnpm/yarn/bun package upgrades, outdated checks, package.json updates, or taze.

paulrberg/bump-release

Use for release versioning: bump/cut/tag a release, bump version, create a release, changelog updates, or version tagging.

paulrberg/cli-gh

Use for GitHub CLI automation: gh commands, repo info, workflow triggers, GitHub search, codespaces, PR status, issues, repo browsing, or command-line GitHub tasks.

paulrberg/code-polish

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.

paulrberg/code-review

Use for code/PR review, audits, bug/security checks, reviewing diffs or changes, and finding issues in code.

paulrberg/code-simplify

Use for simplifying recently changed code: clean up, refactor for clarity, reduce complexity, improve readability, or maintainability.

paulrberg/effect-ts

Use for nontrivial Effect-TS work including services/layers, typed errors, Schema/JSONSchema, Config, runtime/concurrency, @effect/vitest, @effect/ai, or @prb/effect-next.

paulrberg/md-docs

Use ONLY to update or initialize README.md, CLAUDE.md, or AGENTS.md. Do not trigger for other Markdown files.

paulrberg/yeet

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.

Habilidades Relacionadas