weapp-tailwindcss-migrate

weapp-tailwindcss-migrate is a skill for Claude Code, Codex from sonofmagic/skills. It costs 129 tokens per session (583 once invoked), scanned A, a copy of weapp-tailwindcss-migrate, MIT.

A migration guide for updating an existing weapp-tailwindcss project to the current version 5 and Tailwind CSS 4 build setup.

In plain words
What is it for?
Use it to inspect and update dependencies, CSS entry points, build plugins, directory scanning, and target-specific settings, then verify the migration with clean builds and new classes.
Why use it?
It helps remove outdated patches and duplicate configuration that can make generated styles unreliable across app and web targets.

Skill for Claude CodeCodex

Install

Getting it into your agent

One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.

agentmods
npx agentmods add skills/sonofmagic/skills/weapp-tailwindcss-migrate
Any agent
npx skills add sonofmagic/skills --skill weapp-tailwindcss-migrate
Clone the repo
git clone --depth 1 https://github.com/sonofmagic/skills

Made for: Claude Code, Codex.

Wrote this? Show the measurements

A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.

agentmods badge for weapp-tailwindcss-migrate

README.md
[![agentmods](https://agentmods.dev/badge/skills/sonofmagic/skills/weapp-tailwindcss-migrate.svg)](https://agentmods.dev/skills/sonofmagic/skills/weapp-tailwindcss-migrate)
Your own site
<a href="https://agentmods.dev/skills/sonofmagic/skills/weapp-tailwindcss-migrate"><img src="https://agentmods.dev/badge/skills/sonofmagic/skills/weapp-tailwindcss-migrate.svg" alt="Measured on agentmods" height="20"></a>
Per session 129 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.
When invoked 583 The whole file, excluding the scripts and references it only reads on demand.
Security scan A 0 findings. Scan, not verified.
Origin 100% copy Near-identical to another mod in the catalogue.
Token cost

What it costs to keep this loaded

Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.

ModelPer sessionOnce invoked
Fable 5 $0.00129 $0.00583
Opus 5 $0.00064 $0.00292
Sonnet 5 $0.00026 $0.00117
Haiku 4.5 $0.00013 $0.00058

Measured 3d ago against content hash e9e9d4d5485d, method: parsed. Prices are Anthropic first-party input rates as of 2026-08-30, from the pricing page.

Security

Grade A, and why

weapp-tailwindcss-migrate scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 3d ago.

A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.

Nothing flagged

None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.

Origin

This is a copy

100% identical to weapp-tailwindcss-migrate — 0 lines differ, which has more behind it and is treated as the original. This page carries a canonical link to it rather than competing with it.

skills/weapp-tailwindcss/weapp-tailwindcss-migrate/SKILL.md · 31 lines

What it actually says

weapp-tailwindcss migrate

从职责边界和构建图迁移旧项目,不在旧配置上叠加补丁。

工作流

  1. 读取 manifest、锁文件、Tailwind 入口、bundler 配置、PostCSS 配置和运行脚本。
  2. 识别当前 weapp-tailwindcss/Tailwind/Node/HBuilderX/bundler 版本及所有生成入口。
  3. 读取 references/v5-migration.md,按依赖、入口、插件、目标端、验证顺序迁移。
  4. 删除旧 patch 和同一次构建中的重复 Tailwind 生成器,再注册当前 WeappTailwindcss
  5. 旧 CLI 用户迁移到独立 @weapp-tailwindcss/cli 5.x,并将 init、预处理器和目录扫描职责移回项目构建链。
  6. 将 Tailwind 入口迁移到纯 CSS,保证实际导入,并将全部真实入口写为绝对 cssEntries
  7. 移除“一律禁用 H5/Web”的旧逻辑;让 generator 自动识别 Web target。
  8. 用一次干净构建、一次新增任意值 class 和一次 HMR 更新验证迁移;App 目标必须检查真实运行时。

迁移纪律

  • 先记录旧配置和可回滚提交,不批量删除无法确认归属的 PostCSS 或框架插件。
  • 只删除 Tailwind 生成职责的重复入口;独立 Web 应用的单独构建可继续使用官方 Tailwind 插件。
  • 不用 alwaysEscape 或扩大字符串扫描来掩盖过期 classNameSet
  • 不把构建成功等同于迁移成功;至少检查目标端 CSS、模板/JS safe class 和新增候选。

输出要求

输出迁移前诊断、删除/保留清单、逐文件 diff、验证结果和回滚步骤,并标出仍需人工验证的设备或 IDE 环境。

Files

What ships with it

2 files beside SKILL.md in the same directory: the scripts, references and assets a skill reads on demand. Not counted in the per-session cost; read them before you install if any of them is executable.

Changes

What this file has done since we first saw it

Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.

  1. 3d ago First seen · 31 lines · 129 tokens per session scan A e9e9d4d5485d

Subscribe to this mod's changes

weapp-tailwindcss-migrate is a skill published in the GitHub repository sonofmagic/skills (2 stars, last pushed 5d ago), licensed MIT. It adds 129 tokens to every session and 583 once invoked, about $0.0006 per session on Opus 5. A static security scan graded it A with 0 findings. It is 100% identical to weapp-tailwindcss-migrate, differing in 0 lines, and is treated as a copy.

Related

Other skills, from other repositories

chakra-ui-builder

Build responsive, accessible UI components and layouts using Chakra UI v3, install or configure Chakra UI in new and existing projects, and design scalable themes using tokens, semantic tokens, recipes, and slot recipes. Use this skill whenever a user asks to build, create, or generate any UI component, page, form…

chakra-ui/chakra-ui · 214 tokens

shadcn-svelte

Pre-built shadcn-svelte components for json-render Svelte apps. Use when working with @json-render/shadcn-svelte, adding standard UI components to a Svelte catalog, or building Svelte web UIs with shadcn-svelte + Tailwind CSS components.

vercel-labs/json-render · 63 tokens

material-ui-tailwind

Integrates Material UI with Tailwind CSS v4 using cascade layers (enableCssLayer, @layer order) and documents Tailwind v3 interoperability (preflight, important, injectFirst, portals). Use when combining MUI with Tailwind utilities, slotProps className, or theme token bridges.

mui/material-ui · 67 tokens

column-resizing

Wire columnResizingFeature, header.getResizeHandler, resize mode and direction, pointer or touch events, and performant CSS-variable updates. Load when resize state changes but widths do not, or large tables resize slowly.

TanStack/table · 47 tokens

better-colors

Helps you build a color system and answer anything about color in your project. You can generate palettes, use semantic tokens, convert between formats, check contrast and more.

jakubkrehel/skills · 38 tokens

markstream-svelte

Integrate the beta markstream-svelte package in Svelte 5 or SvelteKit apps. Use when Codex needs Svelte 5 runes, CSS and optional peers, smooth streaming, worker setup, renderer-local or scoped custom components, or SSR-safe boundaries. Svelte 4 is unsupported.

Simon-He95/markstream-vue · 67 tokens