weapp-tailwindcss
weapp-tailwindcss Skill
用于业务项目接入 weapp-tailwindcss,并让 AI 稳定完成“小程序 + 多端”配置、排障与 Tailwind 写法规范落地。
本 Skill 服务“项目使用者”场景,不是仓库内部二次开发指南。
适用任务
- 新项目快速启用
tailwindcss + weapp-tailwindcss - 老项目迁移(
uni-app/taro/uni-app x/ 原生小程序) - 多端协同(小程序 +
H5/App)配置 - 样式不生效、
rpx任意值异常、JS字符串 class 未转译等问题排查 - 需要“Tailwind class 应该怎么写”的团队规范与代码评审清单
任务分流
先判断用户当前任务类型,再进入对应流程:
More from sonofmagic/skills
weapp-vite-best-practices
面向采用 weapp-vite 项目布局仓库或已安装 `weapp-vite` 依赖项目的工程化实践手册,覆盖 `vite.config.ts` 的 `weapp` 配置、自动路由、routeRules/layout、自动导入组件、分包、npm、多平台、受管 TypeScript、`prepare`、`forwardConsole`、`mcp`、`screenshot/compare/ide logs`、Web runtime、lib mode、worker、`dist/docs`、脚手架 `AGENTS.md`、AI skills 安装,以及与 `weapp-ide-cli` 的命令治理和透传边界。
76wevu-best-practices
面向小程序中 wevu 运行时的实践手册,覆盖生命周期注册、响应式更新、事件契约、`bindModel/useBindModel`、`setPageLayout/usePageLayout`、根入口 `useNativeRouter/useNativePageRouter`、`wevu/router`、store 约束,以及 `setData`、渲染、页面切换、资源与内存性能治理。
68weapp-vite-vue-sfc-best-practices
面向使用 weapp-vite 的小程序项目的 Vue SFC 实践手册,覆盖 `<script setup lang="ts">`、JSON 宏、`definePageMeta`/layout、`defineModel`、`usingComponents`、模板指令兼容、`.weapp-vite` 类型支持文件、受管 `prepare` 工作流,以及和脚手架 `AGENTS.md` / 本地 `dist/docs` 对齐的当前 SFC 约定。
65docs-and-website-sync
面向采用 weapp-vite monorepo 布局仓库的文档、website 与 skills 同步工作流。适用于代码能力已变化但 website/docs/README/skills/AI 指南/packaged docs 可能过期的场景,尤其覆盖 `weapp` 配置页、`dist/docs`、`AGENTS.md` 模板、AI skills 安装、`prepare`、MCP、`forwardConsole`、`screenshot/compare/ide logs`、Web runtime、lib mode、多平台与 routeRules/layout 等入口同步。
50playwright-cli
Automate browser interactions, test web pages and work with Playwright tests.
45native-to-weapp-vite-wevu-migration
面向将原生小程序迁移到 `weapp-vite + wevu + Vue SFC` 的结构化迁移工作流,覆盖分波次推进、行为等价改造、`Page/Component` 到 `.vue`、props/events 类型化、`definePageMeta`/layout、平台守卫、`.weapp-vite` 支持文件、自动路由与 AI 工作流对齐,以及迁移后的截图/日志/e2e 验证与回滚检查点。
44