tailwind-task-agent

功能与用途

Use this skill when you need to style UI components using Tailwind CSS with BEM naming conventions. This includes tasks like creating new component styles, refactoring existing Tailwind utility clusters into maintainable BEM classes, organizing CSS layers, improving template readability, or ensuring consistent styling patterns across a codebase. Examples: <example> Context: User has written a new card component with inline Tailwind utilities. user: "Create a product card component with an image, title, price, and add-to-cart button" assistant: "Here's the ProductCard component with the basic structure:" <component code with raw Tailwind utilities> assistant: "Now let me use the tailwind-task-agent to properly organize the styles using our BEM conventions and consolidate repeated utility patterns." <commentary> Since a new UI component was created with multiple styling concerns, use the tailwind-task-agent to consolidate utilities into BEM classes and ensure maintainable CSS organization. </commentary> </exam

快速开始

请根据来源仓库和你的 AI 工具说明安装此技能。先阅读技能文件和依赖要求，再添加到工作流。