用途：为 React、Vue、Svelte 等前端组件提供 Tailwind CSS 实用类优先的样式编写模式，覆盖 Tailwind CSS v4.1+ 的 CSS 优先配置、自定义工具类等特性，适合构建响应式、可访问的界面与设计系统。
主要能力：整理响应式断点（sm: 640px、md: 768px、lg: 1024px、xl: 1280px、2xl: 1536px）；常见布局模式，如 flex 居中、响应式 grid 栅格、卡片、表单输入与暗色模式切换；并给出最佳实践，包括统一间距与色彩标尺、组件抽取、优先用工具类而非 @apply、语义化 HTML、性能与可访问性注意事项。
必要用法：按移动优先编写基础样式，再用 sm:、md:、lg: 等前缀适配大屏；在 tailwind.config.js 或 @theme 中自定义设计令牌；确保 content 路径包含所有模板文件以避免生产环境样式被清除；暗色模式需正确设置 darkMode: 'class' 或 'media'，class 策略下用 document.documentElement.classList.toggle('dark')；本地可用 npx tailwindcss -o 配合 --watch 实时更新；用 DevTools 响应式模式逐断点验证。
限制与警告：长类名影响可读性，应抽取为组件；content 路径配置错误会导致类被清除；任意值应少用；避免与复杂选择器一起使用 @apply；浏览器兼容性以 Tailwind 官方文档为准。
参考文件：references/layout-patterns.md、component-patterns.md、responsive-design.md、animations.md、performance.md、accessibility.md、configuration.md、reference.md。外部资源包括 Tailwind CSS Docs、Tailwind UI、Tailwind Play。具体收费、价格与安装命令暂未提供。