New: 97,000+ skills indexed from GitHub repos with 100+ stars · every skill safety-checkedBrowse top skillsTop skills
Esc to closeBrowse all skills
Submit a skillBrowse skills
Submit a skillBrowse skills

Agent skill

Weapp Tailwindcss Migrate

by weapp-tailwindcss in weapp-tailwindcss/weapp-tailwindcss

将现有 weapp-tailwindcss 项目迁移到当前 v5/Tailwind CSS 4 生成链路，处理旧 weapp-tw patch、旧版 CLI init/Sass/Less/目录扫描、tailwindcss-patch、官方 PostCSS/Vite 插件、相对 cssEntries、H5 disabled、Webpack 4、Node/HBuilderX/ESM 要求。Use…

MITAuto-check passedFrontend & Design

Install Weapp Tailwindcss Migrate

skills CLI
$ npx skills add weapp-tailwindcss/weapp-tailwindcss --skill weapp-tailwindcss-migrate -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install weapp-tailwindcss/weapp-tailwindcss weapp-tailwindcss-migrate --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/weapp-tailwindcss/weapp-tailwindcss.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/weapp-tailwindcss-migrate .claude/skills/weapp-tailwindcss-migrate && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
weapp-tailwindcss-migrate
GitHub stars
1.9k
Token cost
~305 tokens
SKILL.md length
76 words
Files
3 (incl. references)
Skills in repo
10
Repo updated
First seen
Licence
MIT

At a glance

将现有 weapp-tailwindcss 项目迁移到当前 v5/Tailwind CSS 4 生成链路，处理旧 weapp-tw patch、旧版 CLI init/Sass/Less/目录扫描、tailwindcss-patch、官方 PostCSS/Vite 插件、相对 cssEntries、H5 disabled、Webpack 4、Node/HBuilderX/ESM 要求。Use…

  • Works in 8 steps: 读取 manifest、锁文件、Tailwind 入口、bundler… → 识别当前… → 读取… → …
  • Legacy CLI cleanup
  • SKILL.md covers 工作流, 迁移纪律 and 输出要求
  • Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md

What it does

Weapp Tailwindcss Migrate is an agent skill from weapp-tailwindcss/weapp-tailwindcss. 将现有 weapp-tailwindcss 项目迁移到当前 v5/Tailwind CSS 4 生成链路，处理旧 weapp-tw patch、旧版 CLI init/Sass/Less/目录扫描、tailwindcss-patch、官方 PostCSS/Vite 插件、相对 cssEntries、H5 disabled、Webpack 4、Node/HBuilderX/ESM 要求。Use for upgrade, migration, legacy CLI cleanup, v4-to-v5, or deprecated setup removal；不用于全新接入或单点故障排查。

Its SKILL.md is about 310 tokens, which your agent loads only when the skill is triggered. The skill folder holds 4 other files, including reference files (for example `agents/openai.yaml` and `references/v5-migration.md`).

It sits in Frontend & Design, covering CSS and styling. It works with Tailwind CSS, Vite and webpack. The repository describes itself as: Bring Tailwind CSS to every platform! 把 Tailwind CSS 的原子化开发体验带到全端！. The licence is MIT.

When your agent uses it

  • Legacy CLI cleanup
  • Deprecated setup removal；不用于全新接入或单点故障排查

Example prompts

  • “/weapp-tailwindcss-migrate”

Workflow steps

8 steps, taken from the first numbered list in SKILL.md.

  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 目标必须检查真实运行时。

What it can do on your machine

Read from SKILL.md and the folder at commit 7b3c2c1. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    No scripts in the folder and no shell commands in SKILL.md.

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    No URLs in SKILL.md.

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Weapp Tailwindcss Migrate loads about 305 tokens when it runs, and up to ~1.2k if it reads all its reference files. Until then it costs about 81 tokens; SKILL.md has 76 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~81
When it runs · the whole SKILL.md, loaded when a task matches
~305
With references · SKILL.md plus every file in references/, read only if the agent opens them
~1.2k

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

The full file from weapp-tailwindcss/weapp-tailwindcss at commit 7b3c2c1, republished under its MIT licence (© weapp-tailwindcss). 76 words, ~305 tokens.

Download SKILL.mdSave it as .claude/skills/weapp-tailwindcss-migrate/SKILL.md (or your agent's skills folder). This skill also uses 2 other files; get the full folder from GitHub.
name
weapp-tailwindcss-migrate
description
将现有 weapp-tailwindcss 项目迁移到当前 v5/Tailwind CSS 4 生成链路，处理旧 `weapp-tw patch`、旧版 CLI init/Sass/Less/目录扫描、tailwindcss-patch、官方 PostCSS/Vite 插件、相对 cssEntries、H5 disabled、Webpack 4、Node/HBuilderX/ESM 要求。Use for upgrade, migration, legacy CLI cleanup, v4-to-v5, or deprecated setup removal；不用于全新接入或单点故障排查。

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 环境。

© weapp-tailwindcss, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file

Files

SKILL.md and 2 other files (references) in skills/weapp-tailwindcss-migrate of weapp-tailwindcss/weapp-tailwindcss.

  • SKILL.md
  • agents/openai.yaml
  • references/v5-migration.md

Open the folder on GitHubat commit 7b3c2c1

Compare with similar skills

Weapp Tailwindcss Migrate next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Weapp Tailwindcss Migrate compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Weapp Tailwindcss Migrate this skillweapp-tailwindcss/weapp-tailwindcss1.9k—~305Automated safety check: PassMIT
Cross Platform Tauri UIifer47/markeron1.2k—~2kAutomated safety check: PassMIT
Tailwind Theme Builderjezweb/claude-skills1.1k1 repos~3.2kAutomated safety check: PassMIT
Frontend UI FunctionalvictorGPT/vibeusage131—~939Automated safety check: PassMIT
Tailwind V4 Shadcnever-works/ever-works1582 repos~3.8kAutomated safety check: PassMIT
Vue Component Developmentgdarko/laravel-vue-starter145—~1.1kAutomated safety check: PassMIT

Similar skills

  • Cross Platform Tauri UI

    ifer47/markeron

    Cross-platform UI styling for MarkerOn Tauri app (macOS WKWebView vs Windows WebView2).

    1.2k GitHub stars~2k tokensUpdated 8 days ago
    Frontend & DesignAuto-check passed

  • Tailwind Theme Builder

    jezweb/claude-skills

    Set up Tailwind v4 + shadcn/ui themed UI with dark mode. An agent skill from jezweb/claude-skills.

    1.1k GitHub starsUsed in 1 repo~3.2k tokens
    Frontend & DesignAuto-check passed

  • Frontend UI Functional

    victorGPT/vibeusage

    A skill your agent uses when building or refactoring functional React/Vite/Tailwind UI pages, templates, or component libraries that need consistent structure, tokenized styling, accessibility…

    131 GitHub stars~939 tokensUpdated 2 mo ago
    Frontend & DesignAuto-check passed

  • Tailwind V4 Shadcn

    ever-works/ever-works

    Production-tested setup for Tailwind CSS v4 with shadcn/ui, Vite, and React.

    158 GitHub starsUsed in 2 repos~3.8k tokens
    Frontend & DesignAuto-check passed

  • Vue Component Development

    gdarko/laravel-vue-starter

    Activate when creating or modifying Vue 3 components, pages, layouts, stores, or services in the frontend.

    145 GitHub stars~1.1k tokensUpdated 6 mo ago
    Frontend & DesignAuto-check passed

  • Rasengan Config

    rasengan-dev/rasenganjs

    Project configuration and rendering mode patterns for Rasengan.js.

    125 GitHub stars~1.1k tokensUpdated yesterday
    Frontend & DesignAuto-check passed

More from weapp-tailwindcss/weapp-tailwindcss

All 10 skills in this repo

  • Content Research Writer

    weapp-tailwindcss/weapp-tailwindcss

    Assists in writing high-quality content by conducting research, adding citations, improving hooks, iterating on outlines, and providing real-time feedback on each section.

    1.9k GitHub starsUsed in 25 repos~3.5k tokens
    Auto-check passed

  • Scientific Critical Thinking

    weapp-tailwindcss/weapp-tailwindcss

    Evaluate research rigor. An agent skill from weapp-tailwindcss/weapp-tailwindcss.

    1.9k GitHub starsUsed in 23 repos~5.9k tokens
    Auto-check: notes

  • Weapp Tailwindcss Custom Build

    weapp-tailwindcss/weapp-tailwindcss

    将 weapp-tailwindcss 集成到自研构建器或高级流水线，覆盖 weapp-tailwindcss/core、generator、Vite/Webpack/Rspack/Rollup/Rolldown/Gulp 生命周期、ModuleGraph、Tailwind Scanner/source candidates、watch/HMR、source…

    1.9k GitHub stars~502 tokensUpdated today
    Auto-check passed

  • Weapp Tailwindcss

    weapp-tailwindcss/weapp-tailwindcss

    协调 weapp-tailwindcss 全端任务并提供当前安全基线。Use when 用户泛化地询问 weapp-tailwindcss、Tailwind CSS in mini-programs、Web CLI、React Native 或 ReactLynx，或尚未明确是接入、迁移、排障、运行时、自定义构建还是原生跨端集成；具体任务优先路由到对应专用 skill。

    1.9k GitHub stars~428 tokensUpdated today
    Auto-check passed

  • Weapp Tailwindcss Lynx

    weapp-tailwindcss/weapp-tailwindcss

    为 ReactLynx + Rspeedy 配置 @weapp-tailwindcss/lynx 0.3.2 与 Tailwind CSS 4，覆盖 Rspeedy plugin、Lynx 原生 CSS、静态 className、theme 变量静态化、任意值、encoder 警告和 iOS/Android 运行端验证。Use for ReactLynx, Rspeedy, Lynx…

    1.9k GitHub stars~374 tokensUpdated today
    Auto-check passed

  • Weapp Tailwindcss React Native

    weapp-tailwindcss/weapp-tailwindcss

    为 Expo/React Native 配置 @weapp-tailwindcss/react-native 0.2.5 的 Tailwind CSS 4 编译器、Metro virtual module、Babel JSX transform、style manifest、tw runtime、dark/ios/android/native variants。Use for Expo SDK…

    1.9k GitHub stars~403 tokensUpdated today
    Auto-check passed

Works with

Categories

Questions about Weapp Tailwindcss Migrate

What does Weapp Tailwindcss Migrate do?

将现有 weapp-tailwindcss 项目迁移到当前 v5/Tailwind CSS 4 生成链路，处理旧 weapp-tw patch、旧版 CLI init/Sass/Less/目录扫描、tailwindcss-patch、官方 PostCSS/Vite 插件、相对 cssEntries、H5 disabled、Webpack 4、Node/HBuilderX/ESM 要求。Use…. Weapp Tailwindcss Migrate is an agent skill from weapp-tailwindcss/weapp-tailwindcss.

When should I use Weapp Tailwindcss Migrate?

Weapp Tailwindcss Migrate fits situations like: legacy CLI cleanup; deprecated setup removal；不用于全新接入或单点故障排查.

How do I install Weapp Tailwindcss Migrate in Claude Code?

Run `npx skills add weapp-tailwindcss/weapp-tailwindcss --skill weapp-tailwindcss-migrate -a claude-code`. Or copy the skill folder (skills/weapp-tailwindcss-migrate in weapp-tailwindcss/weapp-tailwindcss) into .claude/skills/weapp-tailwindcss-migrate in your project. Claude Code loads it when a task matches its description.

How do I install Weapp Tailwindcss Migrate in Codex?

Run `npx skills add weapp-tailwindcss/weapp-tailwindcss --skill weapp-tailwindcss-migrate -a codex`. Or copy the skill folder (skills/weapp-tailwindcss-migrate in weapp-tailwindcss/weapp-tailwindcss) into .agents/skills/weapp-tailwindcss-migrate in your project. Codex loads it when a task matches its description.

Can I use Weapp Tailwindcss Migrate in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add weapp-tailwindcss/weapp-tailwindcss --skill weapp-tailwindcss-migrate -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/weapp-tailwindcss-migrate, .gemini/skills/weapp-tailwindcss-migrate, .github/skills/weapp-tailwindcss-migrate and .opencode/skills/weapp-tailwindcss-migrate in your project.

What does Weapp Tailwindcss Migrate need to run?

SKILL.md names no scripts, command-line tools or credentials: Weapp Tailwindcss Migrate is instructions for the agent only.

Does Weapp Tailwindcss Migrate access the network?

SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.

Is Weapp Tailwindcss Migrate safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does Weapp Tailwindcss Migrate use?

Weapp Tailwindcss Migrate is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Weapp Tailwindcss Migrate use?

About 305 tokens (SKILL.md is roughly 1.2k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 914 tokens, read only when the agent opens those files.

What are the alternatives to Weapp Tailwindcss Migrate?

Skills that share tags, products or a category with Weapp Tailwindcss Migrate: Cross Platform Tauri UI (ifer47/markeron, 1.2k stars), Tailwind Theme Builder (jezweb/claude-skills, 1.1k stars), Frontend UI Functional (victorGPT/vibeusage, 131 stars) and Tailwind V4 Shadcn (ever-works/ever-works, 158 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Weapp Tailwindcss Migrate?

weapp-tailwindcss (a GitHub organization) maintains it in weapp-tailwindcss/weapp-tailwindcss, which has 1,864 GitHub stars. The repository holds 10 skills in this directory. The repository was last updated on October 7, 2026.

Source: weapp-tailwindcss/weapp-tailwindcss on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.