Agent skill

Weapp Tailwindcss Troubleshoot

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

诊断 weapp-tailwindcss 与 weapp-tw CLI 的样式未生成、JS/模板 class 未转译、classNameSet、@source/cssEntries、source candidates、rpx、伪类/custom variant、组件隔离、Rspack、压缩、watch/HMR、H5/Web/App/uni-app x 多端产物问题。Use for…

MITAuto-check passedDevelopment

Install Weapp Tailwindcss Troubleshoot

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

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

GitHub CLI
$ gh skill install weapp-tailwindcss/weapp-tailwindcss weapp-tailwindcss-troubleshoot --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-troubleshoot .claude/skills/weapp-tailwindcss-troubleshoot && 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-troubleshoot
GitHub stars
1.9k
Token cost
~349 tokens
SKILL.md length
77 words
Files
3 (incl. references)
Skills in repo
10
Repo updated
First seen
Licence
MIT

At a glance

诊断 weapp-tailwindcss 与 weapp-tw CLI 的样式未生成、JS/模板 class 未转译、classNameSet、@source/cssEntries、source candidates、rpx、伪类/custom variant、组件隔离、Rspack、压缩、watch/HMR、H5/Web/App/uni-app x 多端产物问题。Use for…

  • Works in 8 steps: 收集最小复现:框架、bundler、目标端、版本、命令、原始… → 读取… → 检查 Tailwind 入口是否为纯… → …
  • Troubleshooting
  • SKILL.md covers 诊断顺序, 安全边界 and 输出要求
  • Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md

What it does

Weapp Tailwindcss Troubleshoot is an agent skill from weapp-tailwindcss/weapp-tailwindcss. 诊断 weapp-tailwindcss 与 weapp-tw CLI 的样式未生成、JS/模板 class 未转译、classNameSet、@source/cssEntries、source candidates、rpx、伪类/custom variant、组件隔离、Rspack、压缩、watch/HMR、H5/Web/App/uni-app x 多端产物问题。Use for debugging, troubleshooting, CLI output failures, classes not working, broken hot reload, wrong output, or runtime compatibility;不用于新项目配置、自研 API 设计或 Lynx 专属接入。

Its SKILL.md is about 350 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/symptom-matrix.md`).

It sits in Development. It works with Tailwind CSS. The repository describes itself as: Bring Tailwind CSS to every platform! 把 Tailwind CSS 的原子化开发体验带到全端!. The licence is MIT.

When your agent uses it

  • Troubleshooting
  • CLI output failures
  • Classes not working
  • Broken hot reload

Example prompts

  • “/weapp-tailwindcss-troubleshoot”

Workflow steps

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

  1. 收集最小复现:框架、bundler、目标端、版本、命令、原始 class、期望与实际产物。
  2. 读取 references/symptom-matrix.md,先归类症状,再执行对应最短路径。
  3. 检查 Tailwind 入口是否为纯 CSS、是否实际进入构建图、cssEntries 是否为绝对路径、@source 是否覆盖源码。
  4. 检查是否存在第二个 Tailwind 生成器,或 H5/Web 被错误 disabled。
  5. 分别验证 CSS 候选、模板/JS safe class、最终平台样式文件和真实页面;不要只看固定的 app.wxss 文件名。
  6. watch/HMR 问题要在同一进程连续新增 class,区分首次构建成功与增量图失效。
  7. CLI 问题先确认 web/weapp target、stdin/stdout、source map 与 watch 模式,不期待它改写模板或脚本。
  8. 只有根因确认后才修改配置,并补一条可重复的回归验证。

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 Troubleshoot loads about 349 tokens when it runs, and up to ~1.9k if it reads all its reference files. Until then it costs about 96 tokens; SKILL.md has 77 words of instructions outside code blocks.

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

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). 77 words, ~349 tokens.

Download SKILL.mdSave it as .claude/skills/weapp-tailwindcss-troubleshoot/SKILL.md (or your agent's skills folder). This skill also uses 2 other files; get the full folder from GitHub.
name
weapp-tailwindcss-troubleshoot
description
诊断 weapp-tailwindcss 与 `weapp-tw` CLI 的样式未生成、JS/模板 class 未转译、classNameSet、@source/cssEntries、source candidates、rpx、伪类/custom variant、组件隔离、Rspack、压缩、watch/HMR、H5/Web/App/uni-app x 多端产物问题。Use for debugging, troubleshooting, CLI output failures, classes not working, broken hot reload, wrong output, or runtime compatibility;不用于新项目配置、自研 API 设计或 Lynx 专属接入。

weapp-tailwindcss troubleshoot

从生成、转译、产物到运行时逐层定位根因,避免用配置猜测掩盖症状。

诊断顺序

  1. 收集最小复现:框架、bundler、目标端、版本、命令、原始 class、期望与实际产物。
  2. 读取 references/symptom-matrix.md,先归类症状,再执行对应最短路径。
  3. 检查 Tailwind 入口是否为纯 CSS、是否实际进入构建图、cssEntries 是否为绝对路径、@source 是否覆盖源码。
  4. 检查是否存在第二个 Tailwind 生成器,或 H5/Web 被错误 disabled。
  5. 分别验证 CSS 候选、模板/JS safe class、最终平台样式文件和真实页面;不要只看固定的 app.wxss 文件名。
  6. watch/HMR 问题要在同一进程连续新增 class,区分首次构建成功与增量图失效。
  7. CLI 问题先确认 web/weapp target、stdin/stdout、source map 与 watch 模式,不期待它改写模板或脚本。
  8. 只有根因确认后才修改配置,并补一条可重复的回归验证。

安全边界

  • JS 转译只接受 Tailwind 验证过的 classNameSet;未命中时修复扫描或刷新时序,不启用启发式全字符串转译。
  • space-* 先处理结构和组件虚拟节点,再最小扩展 cssOptions.cssChildCombinatorReplaceValue。
  • App WebView 兼容必须记录 Android Chromium、iOS WebKit 或 Harmony/HBuilderX 环境,并以真实运行截图或日志为证据。
  • 不为排障临时加入 @tailwindcss/vite 或 @tailwindcss/postcss。
  • ReactLynx/Rspeedy 构建与 CSS encoder 问题转到 $weapp-tailwindcss-lynx。

输出要求

先给根因层级和证据,再给最小修复、验证命令、预期结果和未解决时的下一条观测点。

© 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-troubleshoot of weapp-tailwindcss/weapp-tailwindcss.

  • SKILL.md
  • agents/openai.yaml
  • references/symptom-matrix.md

Open the folder on GitHubat commit 7b3c2c1

Compare with similar skills

Weapp Tailwindcss Troubleshoot 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 Troubleshoot compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Weapp Tailwindcss Troubleshoot this skillweapp-tailwindcss/weapp-tailwindcss1.9k—~349Automated safety check: PassMIT
Bug Finder for daisyUIsaadeghi/daisyui43k—~2.3kAutomated safety check: PassMIT
Zardzard-ui/zardui1.2k—~3.8kAutomated safety check: PassMIT
Any Tdf Developmentany-tdf/any-tdf779—~1.1kAutomated safety check: PassMIT
Codegen HTMLinitializ/forge223—~1.5kAutomated safety check: PassApache-2.0
Codegen Reactinitializ/forge223—~1.8kAutomated safety check: PassApache-2.0

Similar skills

  • Bug Finder for daisyUI

    saadeghi/daisyui

    Investigates suspected bugs in the daisyUI monorepo through read-only analysis, then writes a decision-ready fix plan in tmp/bugs without changing any product code.

    43k GitHub stars~2.3k tokensUpdated 8 days ago
    DevelopmentAuto-check passed
  • Zard

    zard-ui/zardui

    Manages zard/ui components and projects — adding, composing, styling, and debugging Angular UI built on TailwindCSS v4.

    1.2k GitHub stars~3.8k tokensUpdated today
    DevelopmentAuto-check passed
  • Any Tdf Development

    any-tdf/any-tdf

    Guide implementation, fixes, reviews, documentation, generation, and validation in the Any TDF monorepo across the shared core, STDF/Svelte, RTDF/React, VTDF/Vue, demos, sites, tooling, AI skill…

    779 GitHub stars~1.1k tokensUpdated 2 days ago
    DevelopmentAuto-check passed
  • Codegen HTML

    initializ/forge

    Scaffold and iterate on standalone Preact + HTM applications with zero build dependencies

    223 GitHub stars~1.5k tokensUpdated 6 days ago
    DevelopmentAuto-check passed
  • Codegen React

    initializ/forge

    Scaffold and iterate on Vite + React applications. An agent skill from initializ/forge.

    223 GitHub stars~1.8k tokensUpdated 6 days ago
    DevelopmentAuto-check passed
  • HTML Draft

    serejaris/personal-corp-os

    A skill your agent uses when user wants a standalone HTML diagram in flat engineering blueprint style — architecture diagrams, system flows, technical spec sheets, component maps.

    229 GitHub stars~2.9k tokensUpdated 3 days ago
    DevelopmentAuto-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 Migrate

    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…

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

Works with

Questions about Weapp Tailwindcss Troubleshoot

What does Weapp Tailwindcss Troubleshoot do?

诊断 weapp-tailwindcss 与 weapp-tw CLI 的样式未生成、JS/模板 class 未转译、classNameSet、@source/cssEntries、source candidates、rpx、伪类/custom variant、组件隔离、Rspack、压缩、watch/HMR、H5/Web/App/uni-app x 多端产物问题。Use for…. Weapp Tailwindcss Troubleshoot is an agent skill from weapp-tailwindcss/weapp-tailwindcss.

When should I use Weapp Tailwindcss Troubleshoot?

Weapp Tailwindcss Troubleshoot fits situations like: troubleshooting; CLI output failures; classes not working; broken hot reload.

How do I install Weapp Tailwindcss Troubleshoot in Claude Code?

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

How do I install Weapp Tailwindcss Troubleshoot in Codex?

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

Can I use Weapp Tailwindcss Troubleshoot 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-troubleshoot -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-troubleshoot, .gemini/skills/weapp-tailwindcss-troubleshoot, .github/skills/weapp-tailwindcss-troubleshoot and .opencode/skills/weapp-tailwindcss-troubleshoot in your project.

What does Weapp Tailwindcss Troubleshoot need to run?

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

Does Weapp Tailwindcss Troubleshoot 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 Troubleshoot 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 Troubleshoot use?

Weapp Tailwindcss Troubleshoot 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 Troubleshoot use?

About 349 tokens (SKILL.md is roughly 1.4k 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 1.6k tokens, read only when the agent opens those files.

What are the alternatives to Weapp Tailwindcss Troubleshoot?

Skills that share tags, products or a category with Weapp Tailwindcss Troubleshoot: Bug Finder for daisyUI (saadeghi/daisyui, 43k stars), Zard (zard-ui/zardui, 1.2k stars), Any Tdf Development (any-tdf/any-tdf, 779 stars) and Codegen HTML (initializ/forge, 223 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Weapp Tailwindcss Troubleshoot?

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.