weapp-tailwindcss-lynx
Installation
SKILL.md
weapp-tailwindcss Lynx
通过 Rspeedy/Rspack 构建图生成 Lynx 原生运行时可消费的 Tailwind CSS,保留 ReactLynx className,不引入运行时样式表或 JSX 转换。
工作流
- 确认项目是 ReactLynx + Rspeedy,而不是 React Native、uni-app App 或 Rspeedy Web。
- 检查
@lynx-js/rspeedy、Tailwind CSS、Node 与@weapp-tailwindcss/lynx版本。 - 读取 references/rspeedy-integration.md,配置
pluginLynxTailwindcss()和 theme + utilities CSS 入口。 - 保持完整静态
className或枚举;动态候选使用@source inline(...),不要拼接半截任意值。 - 区分 Tailwind 已生成、Lynx encoder 已接受和真实运行端已生效三个层级。
- 检查 Rspeedy 警告;业务 utility 被删除时调整属性或 selector,不把警告全部视为 preflight 噪声。
- 先跑单测和真实 bundle,再在目标端验证伪类、媒体、渐变、重要值和复杂视觉效果。