Agent Skills
› sonofmagic/weapp-tailwindcss
sonofmagic/weapp-tailwindcss
GitHub通过命令行自动化浏览器操作，支持网页导航、表单填写、截图及数据提取。适用于Web应用测试、页面交互模拟和信息抓取场景。
Install All Skills
npx skills add sonofmagic/weapp-tailwindcss --all -g -y
Skills in Collection (13)
通过命令行自动化浏览器操作，支持网页导航、表单填写、截图及数据提取。适用于Web应用测试、页面交互模拟和信息抓取场景。
需要进行Web应用功能测试
需要自动填写网页表单
需要截取网页或元素截图
需要从网页中提取数据
npx skills add sonofmagic/weapp-tailwindcss --skill playwright-cli -g -y
Playwright CLI 用于自动化浏览器交互，支持网页导航、表单填写、截图及数据提取。适用于 Web 应用测试、页面操作及信息抓取等场景。
Web 应用自动化测试
网页数据提取
表单自动填写
npx skills add sonofmagic/weapp-tailwindcss --skill playwright-cli -g -y
协助用户进行内容创作，包括研究、大纲构建、钩子优化、章节反馈及引用管理，将写作转化为协作过程。
撰写博客或文章
创建教程或案例研究
优化引言和钩子
获取章节反馈
npx skills add sonofmagic/weapp-tailwindcss --skill content-research-writer -g -y
通过CLI自动化浏览器交互，支持点击、输入、截图及抓取页面信息。用于前端流程验证、测试代码生成及调试，可导出可复现操作步骤并记录元素状态。
需要在真实浏览器中执行点击、输入、上传等操作
需要快速验证前端页面流程并导出可复现步骤
需要抓取页面信息或调试网络请求
需要将操作转换为Playwright测试代码
npx skills add sonofmagic/weapp-tailwindcss --skill playwright-cli -g -y
用于评估科学研究严谨性，涵盖方法学、实验设计、统计有效性及偏倚分析。支持使用GRADE和Cochrane ROB框架审查科学主张，并建议结合图表增强表达。
评估研究方法和实验设计
审查科学主张和结论
进行系统评价或荟萃分析
识别研究中的偏倚和混杂因素
npx skills add sonofmagic/weapp-tailwindcss --skill scientific-critical-thinking -g -y
指导将 weapp-tailwindcss 集成至自定义构建器或高级流水线，通过内存产物接入核心转换，覆盖生命周期、HMR 及分包样式隔离，避免扫描输出目录。
需要将 weapp-tailwindcss 集成到自研构建工具
需要适配 Vite/Webpack/Rspack 等的高级构建流程
涉及 ModuleGraph、watch/HMR 或分包样式注入的定制开发
npx skills add sonofmagic/weapp-tailwindcss --skill weapp-tailwindcss-custom-build -g -y
为 ReactLynx + Rspeedy 配置 Tailwind CSS，生成 Lynx 原生兼容样式。涵盖插件集成、静态类处理、encoder 警告排查及多端验证，确保构建与运行效果一致。
需要为 ReactLynx 项目配置 Tailwind CSS
排查 Lynx 端样式生成或运行时兼容性问题
配置 Rspeedy 构建插件以支持 Lynx 平台
npx skills add sonofmagic/weapp-tailwindcss --skill weapp-tailwindcss-lynx -g -y
将 weapp-tailwindcss 项目从旧版迁移至 v5/Tailwind CSS 4，处理 CLI、构建配置及插件升级，确保生成链路正确。
需要升级 Tailwind CSS 到 v4 或 weapp-tailwindcss 到 v5
清理旧的 CLI patch 和重复的构建入口
修复因版本迭代导致的构建兼容性问题
npx skills add sonofmagic/weapp-tailwindcss --skill weapp-tailwindcss-migrate -g -y
为 Expo/React Native 配置 Tailwind CSS 4 编译器及 Metro 集成，生成原生样式 Manifest。提供环境检查、Metro 包装、Babel 转换及多平台验证步骤，确保 React Native 应用正确使用 Tailwind 类名。
Expo 或 React Native 项目需要配置 Tailwind CSS
需要将 Tailwind CSS 编译为 React Native 原生样式
npx skills add sonofmagic/weapp-tailwindcss --skill weapp-tailwindcss-react-native -g -y
指导在微信小程序中正确集成 Tailwind CSS 运行时，涵盖包选择、API使用及动态 class 处理。
小程序 Tailwind 运行时配置
动态 class 合并与转义
Tailwind API 选型
npx skills add sonofmagic/weapp-tailwindcss --skill weapp-tailwindcss-runtime -g -y
为新项目生成 weapp-tailwindcss v5 与 Tailwind CSS 4 的最小可复制配置，覆盖 uni-app、Taro 等多端框架及构建工具。
新项目集成 Tailwind CSS
多端小程序构建配置
选择框架接入方案
npx skills add sonofmagic/weapp-tailwindcss --skill weapp-tailwindcss-setup -g -y
用于诊断 weapp-tailwindcss 与 CLI 的样式未生成、转译失败、多端兼容及 HMR 等问题。通过结构化步骤定位根因并提供修复方案，排除配置猜测。
Tailwind CSS 在微信小程序中未生效
CLI 构建输出异常或失败
HMR 热更新失效
多端样式兼容性调试
npx skills add sonofmagic/weapp-tailwindcss --skill weapp-tailwindcss-troubleshoot -g -y
用于协调 weapp-tailwindcss 全端任务，将泛化请求路由至专用 skill。在专用 skill 缺失时提供安全基线兜底，确保不破坏构建边界，并按接入、排障、优化顺序处理多任务场景。
用户泛化询问 weapp-tailwindcss 相关问题
未明确具体任务是接入、迁移或排障时
涉及 Tailwind CSS in mini-programs 的初始咨询
npx skills add sonofmagic/weapp-tailwindcss --skill weapp-tailwindcss -g -y
