Agent Skills
› weapp-tailwindcss/weapp-tailwindcss
weapp-tailwindcss/weapp-tailwindcss
GitHub通过命令行自动化浏览器交互，支持页面导航、元素操作、截图、表单填写及数据提取，适用于 Web 测试和网页信息抓取。
Install All Skills
npx skills add weapp-tailwindcss/weapp-tailwindcss --all -g -y
Skills in Collection (13)
通过命令行自动化浏览器交互，支持页面导航、元素操作、截图、表单填写及数据提取，适用于 Web 测试和网页信息抓取。
需要自动化浏览网页或执行 Web UI 测试
需要从网页中提取数据或生成截图
npx skills add weapp-tailwindcss/weapp-tailwindcss --skill playwright-cli -g -y
基于Playwright的命令行浏览器自动化工具，支持网页导航、交互操作、表单填写、截图及数据提取。
需要自动化测试Web应用
需要抓取网页数据或截图
npx skills add weapp-tailwindcss/weapp-tailwindcss --skill playwright-cli -g -y
辅助用户进行高质量内容创作，提供研究、大纲构建、引用添加、钩子优化及分节反馈，实现从单人写作到协作伙伴的转变。
撰写博客或文章
创建教程或案例研究
改进文章开头钩子
获取章节写作反馈
npx skills add weapp-tailwindcss/weapp-tailwindcss --skill content-research-writer -g -y
基于 Playwright 的浏览器自动化工具，支持真实环境下的点击、输入、截图及数据抓取。用于前端流程验证、UI测试、调试网络请求及生成可复现操作步骤。
需要在真实浏览器中执行自动化交互操作
需要快速验证前端页面流程并导出步骤
需要抓取页面信息或调试网络请求
npx skills add weapp-tailwindcss/weapp-tailwindcss --skill playwright-cli -g -y
用于评估科学研究严谨性的技能，涵盖方法学、实验设计、统计有效性及偏倚分析。基于GRADE和Cochrane ROB框架审查科学主张，支持系统综述和元分析中的证据质量评估。
评估研究方法和实验设计
审查科学声明和结论
识别研究中的偏倚和混杂因素
进行系统综述或荟萃分析
npx skills add weapp-tailwindcss/weapp-tailwindcss --skill scientific-critical-thinking -g -y
指导将 weapp-tailwindcss 集成到自研构建器或高级流水线，通过构建图与内存产物接入核心转换，覆盖 Vite/Webpack/Rspack/Gulp 等生命周期、HMR、Source Map 及分包样式隔离。
需要自定义打包工具适配 Tailwind CSS
实现复杂构建插件或 Loader
处理小程序分包样式注入
npx skills add weapp-tailwindcss/weapp-tailwindcss --skill weapp-tailwindcss-custom-build -g -y
为 ReactLynx + Rspeedy 项目配置 Tailwind CSS，通过构建插件生成 Lynx 原生兼容样式，处理静态类名、主题变量及平台特定验证。
需要集成 Tailwind CSS 到 ReactLynx 项目
配置 Rspeedy 以支持 Lynx 原生样式
解决 Lynx 端 Tailwind 任意值或兼容性警告
npx skills add weapp-tailwindcss/weapp-tailwindcss --skill weapp-tailwindcss-lynx -g -y
指导将旧版 weapp-tailwindcss 项目迁移至 v5/Tailwind CSS 4，清理遗留 CLI、补丁及构建配置，确保正确生成链路。
升级 Tailwind CSS 版本
迁移遗留的 Weapp Tailwind 项目
npx skills add weapp-tailwindcss/weapp-tailwindcss --skill weapp-tailwindcss-migrate -g -y
为Expo/React Native配置Tailwind CSS 4编译器、Metro模块及Babel转换，生成原生样式清单。支持多平台变体与静态/动态类名处理，排除小程序框架。
需要为React Native或Expo项目集成Tailwind CSS
配置Metro打包器以支持Native端CSS编译
处理React Native中的样式变体和className映射
npx skills add weapp-tailwindcss/weapp-tailwindcss --skill weapp-tailwindcss-react-native -g -y
指导微信小程序项目中 Tailwind CSS 运行时动态类名的正确封装、合并与转义，涵盖 merge/cva/variants API 选型及构建期一致性验证。
小程序动态 class 组合问题
Tailwind 运行时封装配置
class 转义与逃逸处理
构建期候选集一致性排查
npx skills add weapp-tailwindcss/weapp-tailwindcss --skill weapp-tailwindcss-runtime -g -y
为 uni-app、Taro 等小程序及多端项目配置 weapp-tailwindcss v5 与 Tailwind CSS 4，生成最小可验证接入方案。
新项目初始化 WeappTailwindcss
选择框架构建器配置
CSS 集成与安装
npx skills add weapp-tailwindcss/weapp-tailwindcss --skill weapp-tailwindcss-setup -g -y
诊断 weapp-tailwindcss 构建与运行时问题，涵盖样式未生成、转译失败、HMR 异常及多端兼容性。通过系统排查定位根因并提供修复方案，适用于排障场景。
样式未生成或 class 未转译
构建产物错误
热更新失效
多端兼容性问题
npx skills add weapp-tailwindcss/weapp-tailwindcss --skill weapp-tailwindcss-troubleshoot -g -y
该 Skill 用于处理 weapp-tailwindcss 的泛化请求。主要功能是识别任务类型并路由至专用 Skill，或在无专用 Skill 时提供安全基线指导。涵盖接入、迁移、排障及多端集成等场景，确保构建边界不被破坏。
用户询问 Tailwind CSS 在小程序中的使用或配置
涉及 React Native 或 ReactLynx 的样式集成问题
需要确定 weapp-tailwindcss 的任务类型但未明确具体细节
npx skills add weapp-tailwindcss/weapp-tailwindcss --skill weapp-tailwindcss -g -y
