sonofmagicCommunity·11 Agent Skills Included

weapp-tailwindcss

Bring Tailwind CSS styling to mini-programs, apps, and native platforms

Generates and converts Tailwind CSS for WeChat mini-programs, uni-app, Taro, React Native, and ReactLynx from one codebase. Eliminates manual class escaping, broken hot reloads, and platform-specific CSS rewrites across Vite, Webpack, Rspack, and Gulp. Includes AI agent skills that guide setup, migration, troubleshooting, and runtime class management step by step.

1,855|102

↗

npx skills add sonofmagic/weapp-tailwindcss --all -g -y

Available:

Tells the AI agent how to route tasks to the right subdirectory rules, enforce build and testing constraints, and safely modify this Tailwind CSS toolchain monorepo.

All Skills in This Repository (11)

Pure Emerald Level Indicators

📦 In Repo

sonofmagic

playwright-cli

Automates browser interactions for web testing, form filling, screenshots, and data extraction.

content-research-writer

Assists writing articles through outlining, research, citations, and section-by-section feedback.

weapp-tailwindcss

Routes cross-platform Tailwind CSS requests to specialized weapp-tailwindcss workflows with safety baselines.

weapp-tailwindcss-migrate

Migrates legacy weapp-tailwindcss projects to the v5 Tailwind CSS 4 generation pipeline.

weapp-tailwindcss-lynx

Configures Tailwind CSS 4 for ReactLynx and Rspeedy native styling builds.

weapp-tailwindcss-custom-build

Integrates weapp-tailwindcss Core API into custom bundlers and build pipelines.

weapp-tailwindcss-setup

Configures weapp-tailwindcss v5 with Tailwind CSS 4 across mini-program and web frameworks.

weapp-tailwindcss-react-native

Configures Tailwind CSS 4 compilation into React Native style manifests via Metro and Babel.

weapp-tailwindcss-troubleshoot

Diagnoses weapp-tailwindcss style generation, class transpilation, HMR, and multi-platform output failures.

weapp-tailwindcss-runtime

Selects runtime packages and composes dynamic Tailwind classes for mini-program builds.

scientific-critical-thinking

Evaluate scientific claims by assessing methodology, bias, and evidence quality.

Community

Advanced

Frequently Asked Questions

FAQPage Schema

How to install weapp-tailwindcss?▼

Run `npx skills add sonofmagic/weapp-tailwindcss --all -g -y` in your terminal to install the full skill suite globally.

How to use Tailwind CSS in WeChat mini-programs?▼

Register the WeappTailwindcss plugin in your Vite, Webpack, Rspack, or Gulp config and point it to a pure CSS entry file. It generates mini-program-compatible CSS and converts class names automatically.

Does weapp-tailwindcss support Tailwind CSS v4?▼

Yes. The current mainline is built around Tailwind CSS 4 and handles generation, class translation, and platform compatibility for you.

Can I use Tailwind in React Native or ReactLynx?▼

Yes. Dedicated packages compile Tailwind into a React Native style manifest via Metro, or generate native CSS for ReactLynx with Rspeedy.

Does it work with AI coding agents like Claude Code?▼

Yes. The repository ships official agent skills for setup, migration, troubleshooting, and runtime class management that work with Claude Code, Codex, and compatible agents.