用途：为 Rails 应用的 HTML ERB 视图与 ViewComponent 编写 Tailwind CSS 4 样式，遵循移动优先、可访问性和可维护性原则，并与 Hotwire（Turbo + Stimulus）集成。
主要能力：使用 Tailwind 工具类完成布局、响应式网格与排版；按语义化 HTML、ARIA、焦点状态和 WCAG AA 对比度要求提升可访问性；使用统一颜色语义（蓝主操作、绿成功、红错误、黄橙警告、灰中性）与字号、间距规范；为可点击元素补充 hover/focus/active/disabled 与过渡状态；把重复模式抽取为 ViewComponent。
使用方式：开发时用 bin/dev 启动服务并监听 Tailwind 变更；可用 bin/rails console、访问 /rails/view_components 查看预览。校验与测试：bundle exec rails erb:validate、bundle exec rubocop -a app/views/、bundle exec rubocop -a app/components/、bundle exec rspec spec/components/。自定义工具类写入 app/assets/tailwind/application.css，CSS 默认由 bin/dev 自动重建。
适用场景：Rails 8 / Ruby 3.3 项目中的页面与组件样式、响应式布局、表单、按钮、卡片、提示、徽章和加载状态等界面开发，并需配合 Lookbook 预览与组件测试。
限制：资料未提供该智能体的具体安装、收费或平台信息；资料提示不得使用内联样式、不得跳过响应式类与可访问性、不得无理由使用任意值或自定义 CSS，新增超出 Tailwind 的自定义 CSS 或改动组件 API 前需先确认。