tailwind-css 是做什麼的？
用於 Tailwind v4 樣式：新增/修正類別、配置或遷移 Tailwind、使用 tailwind-variants 或 tw-animate-css。
用於 Tailwind v4 樣式：新增/修正類別、配置或遷移 Tailwind、使用 tailwind-variants 或 tw-animate-css。
此技能專為 Tailwind CSS v4 設計，協助開發者處理所有與樣式相關的任務。它可以幫助你新增或修正 HTML 元素中的 Tailwind CSS 類別，調整 `tailwind.config.js` 配置，或將現有專案遷移至 Tailwind v4。此外，該技能也支援使用 `tailwind-variants` 管理元件的變體樣式，以及透過 `tw-animate-css` 添加動畫效果。無論你是在 Cursor、Claude Code 或其他支援技能的 AI 開發工具中工作，此技能都能自動理解 Tailwind 的類別名稱、響應式設計斷點和狀態變化，從而節省手動查閱文件的時間。它的運作方式是透過分析使用者提供的程式碼片段，並根據 Tailwind v4 的規範產生精確的建議或修改。
npx skills add https://github.com/paulrberg/agent-skills/tree/main/skills/tailwind-css用於 Tailwind v4 樣式：新增/修正類別、配置或遷移 Tailwind、使用 tailwind-variants 或 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".