Agent Skills
› sonofmagic/weapp-tailwindcss
sonofmagic/weapp-tailwindcss
GitHubPlaywright CLI 自动化浏览器操作，支持网页导航、表单填写、截图、数据提取及存储管理。适用于 Web 测试、爬虫和数据抓取场景。
Install All Skills
npx skills add sonofmagic/weapp-tailwindcss --all -g -y
Skills in Collection (13)
Playwright CLI 自动化浏览器操作，支持网页导航、表单填写、截图、数据提取及存储管理。适用于 Web 测试、爬虫和数据抓取场景。
Web 应用测试
自动化表单填写
网页截图与 PDF 生成
网页数据提取
浏览器交互调试
npx skills add sonofmagic/weapp-tailwindcss --skill playwright-cli -g -y
通过命令行自动化浏览器交互，支持页面导航、元素操作、截图及数据提取。适用于 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
基于 Playwright 的浏览器自动化 CLI 工具，支持页面交互、截图、数据抓取及操作录制。用于前端流程验证、UI 测试脚本生成及浏览器状态调试，提供完整的点击、输入和导航命令集。
需要在真实浏览器中执行点击、输入、上传、下载、截图等操作
需要快速验证前端页面流程并导出可复现步骤
需要抓取页面信息、调试网络请求、查看控制台日志
需要把操作转换为 Playwright 测试代码
npx skills add sonofmagic/weapp-tailwindcss --skill playwright-cli -g -y
用于评估科学研究严谨性，审查实验设计、统计有效性、偏见及证据质量。支持系统综述、GRADE和Cochrane风险评估，并提供科学图表生成指导以增强可视化沟通。
评估研究方法论和实验设计
识别研究中的偏见和混杂因素
审查科学声明和结论的可靠性
进行系统综述或荟萃分析
npx skills add sonofmagic/weapp-tailwindcss --skill scientific-critical-thinking -g -y
指导将 weapp-tailwindcss 集成至自定义构建器或高级流水线，通过构建图与内存产物接入核心转换，覆盖多框架生命周期、HMR 及分包样式隔离。
需要自研构建工具集成 Tailwind CSS
使用非标准打包器（如 Rspack/Rollup）进行微信小程序开发
需要深度定制 CSS 生成与模块图交互
npx skills add sonofmagic/weapp-tailwindcss --skill weapp-tailwindcss-custom-build -g -y
为ReactLynx+Rspeedy项目配置Tailwind CSS，生成原生兼容样式。覆盖插件集成、静态类处理、任意值兼容及多端验证，确保构建与运行时正确性。
配置ReactLynx的Tailwind CSS
解决Lynx平台CSS兼容性问题
Rspeedy构建样式警告排查
npx skills add sonofmagic/weapp-tailwindcss --skill weapp-tailwindcss-lynx -g -y
指导将旧版 weapp-tailwindcss 项目迁移至 v5/Tailwind CSS 4，处理构建链重构、旧 CLI 清理及验证回滚。
升级 Tailwind CSS 版本
迁移遗留配置
清理过时插件
npx skills add sonofmagic/weapp-tailwindcss --skill weapp-tailwindcss-migrate -g -y
为 Expo/React Native 配置 Tailwind CSS 4，提供 Metro、Babel 及原生样式编译方案。指导版本检查、集成配置、静态/动态类处理及多平台验证，排除小程序及其他框架场景。
Expo或React Native项目需要Tailwind CSS支持
配置Metro虚拟模块和Babel JSX转换
处理React Native中的className和平台变体
npx skills add sonofmagic/weapp-tailwindcss --skill weapp-tailwindcss-react-native -g -y
指导在微信小程序中正确集成 Tailwind CSS 运行时，涵盖包选择、class 合并、变体 API 使用及转义处理，确保构建期与运行时行为一致。
需要动态组合或覆盖小程序组件的 CSS class
排查 Tailwind CSS 在小程序环境下的 class 合并或转义问题
配置运行时封装以兼容小程序特殊限制
npx skills add sonofmagic/weapp-tailwindcss --skill weapp-tailwindcss-runtime -g -y
为 uni-app、Taro 等框架配置 weapp-tailwindcss v5 与 Tailwind CSS 4，生成最小可复制的接入方案。
新项目集成 Tailwind CSS
多端小程序构建配置
npx skills add sonofmagic/weapp-tailwindcss --skill weapp-tailwindcss-setup -g -y
诊断微信小程序 Tailwind CSS 样式未生成、转译失败及多端兼容问题，提供结构化排障路径与安全边界。
样式未生效
CLI 构建报错
HMR 热更新失效
npx skills add sonofmagic/weapp-tailwindcss --skill weapp-tailwindcss-troubleshoot -g -y
作为 weapp-tailwindcss 的通用入口，负责识别任务类型并路由至专用 Skill。若无对应 Skill，则提供基于 v5 构建边界的安全基线指导，避免破坏性操作，确保多端样式处理的正确性。
泛化询问 weapp-tailwindcss 相关问题
未明确具体任务的 Tailwind CSS 小程序集成咨询
需要获取安全基线或兜底建议的场景
npx skills add sonofmagic/weapp-tailwindcss --skill weapp-tailwindcss -g -y
