sonofmagic

32 mods across 2 repositories, 1.9k stars between them.

playwright-cli

01

sonofmagic/weapp-tailwindcss

Skill Claude CodeCodex

Automates browser interactions for web testing, form filling, screenshots, and data extraction. Use when the user needs to navigate websites, interact with web pages, fill forms, take screenshots, test web applications, or extract information from web pages.

1.9k 2d ago A 52 tokens copy · 84% MIT

sonofmagic/weapp-tailwindcss

Skill Claude CodeCodex

Assists in writing high-quality content by conducting research, adding citations, improving hooks, iterating on outlines, and providing real-time feedback on each section. Transforms your writing process from solo effort to collaborative partnership.

1.9k 2d ago A 49 tokens copy · 100% MIT

sonofmagic/weapp-tailwindcss

Skill Claude CodeCodex

Evaluate research rigor. Assess methodology, experimental design, statistical validity, biases, confounding, evidence quality (GRADE, Cochrane ROB), for critical analysis of scientific claims.

1.9k 2d ago A 40 tokens copy · 92% MIT

sonofmagic/weapp-tailwindcss

Instructions file CodexOpenCode

Repository rules for developing the weapp-tailwindcss project, including package management, supported environments, testing, formatting, comments, and commits. A repository is the project folder containing its code and history.

1.9k 2d ago A 3,317 tokens original MIT

sonofmagic/weapp-tailwindcss

Instructions file

Instructions for sonofmagic/weapp-tailwindcss, covering claude.md, project overview, monorepo structure, common development commands and build.

1.9k 2d ago A 1,259 tokens original MIT

sonofmagic/weapp-tailwindcss

Skill Claude CodeCodex

将 weapp-tailwindcss 集成到自研构建器或高级流水线,覆盖 weapp-tailwindcss/core、generator、Vite/Webpack/Rspack/Rollup/Rolldown/Gulp 生命周期、ModuleGraph、Tailwind Scanner/source candidates、watch/HMR、source map、weapp-style-injector 和分包样式隔离。Use for custom bundlers, Node API, build adapters, asset graphs, loaders, plugins, or subpackage style…

1.9k 2d ago A 123 tokens original MIT

sonofmagic/weapp-tailwindcss

Skill Claude CodeCodex

为 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 native CSS, arbitrary value compatibility, or Lynx bundle styling;不用于 React Native、uni-app App、Web 或普通小程序构建。.

1.9k 2d ago A 129 tokens original MIT

sonofmagic/weapp-tailwindcss

Skill Claude CodeCodex

A migration procedure for updating an existing WeApp Tailwind CSS project to the current version 5 and Tailwind CSS 4 build setup. WeApp Tailwind CSS generates Tailwind styles for mini-app projects and related web targets.

1.9k 2d ago A 129 tokens original MIT

sonofmagic/weapp-tailwindcss

Skill Claude CodeCodex

为 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 54+, React Native 0.81+, Metro, native className, Android/iOS style compilation;不用于 uni-app App、ReactLynx 或普通小程序构建。.

1.9k 2d ago A 104 tokens original MIT

sonofmagic/weapp-tailwindcss

Skill Claude CodeCodex

设计和排查 weapp-tailwindcss 动态 class 组合与运行时封装,覆盖 @weapp-tailwindcss/runtime、merge、cva、variants、typography、theme-transition、ui、clsx、twMerge、weappTwIgnore、escape/unescape、rpx transformer、缓存和组件 class 覆盖。Use for dynamic classes, cn helpers, variant APIs, runtime package selection, or class escaping at runtime;不用于 bundler…

1.9k 2d ago A 118 tokens original MIT

sonofmagic/weapp-tailwindcss

Skill Claude CodeCodex

为新项目配置当前 weapp-tailwindcss v5 与 Tailwind CSS 4,覆盖 uni-app、uni-app x、Taro、Mpx、原生小程序、weapp-vite、Vite、Webpack 5、Rspack、Gulp、独立 CLI 及小程序/H5/Web/App 多端。Use when setting up, installing, integrating, choosing a framework configuration, or building CSS with weapp-tw; 不用于旧版迁移、故障诊断、自研构建器、Expo React Native 或 ReactLynx。.

1.9k 2d ago A 128 tokens original MIT

sonofmagic/weapp-tailwindcss

Skill Claude CodeCodex

诊断 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…

1.9k 2d ago A 130 tokens original MIT

weapp-tailwindcss

13

sonofmagic/weapp-tailwindcss

Skill Claude CodeCodex

A routing and safety guide for using weapp-tailwindcss, a tool that adapts Tailwind CSS styles for mini-programs and other supported platforms. It directs setup, migration, troubleshooting, runtime, custom-build, React Native, and ReactLynx requests to the relevant instructions.

1.9k 2d ago A 95 tokens original MIT

skills AGENTS.md

14

sonofmagic/skills

Instructions file CodexOpenCode

Instructions for sonofmagic/skills, covering repository guidelines, project structure & module organization, build, test, and development commands, coding style & naming conventions and testing guidelines.

2 3d ago A 1,041 tokens original MIT

skills CLAUDE.md

15

sonofmagic/skills

Instructions file

Instructions for sonofmagic/skills, covering claude.md, project overview, architecture, build system and development commands.

2 3d ago A 1,180 tokens original MIT

playwright-cli

16

sonofmagic/skills

Skill Claude CodeCodex

Automate browser interactions, test web pages and work with Playwright tests.

2 3d ago A 19 tokens copy · 100% MIT

sonofmagic/skills

Skill Claude CodeCodex

将 weapp-tailwindcss 集成到自研构建器或高级流水线,覆盖 weapp-tailwindcss/core、generator、Vite/Webpack/Rspack/Rollup/Rolldown/Gulp 生命周期、ModuleGraph、Tailwind Scanner/source candidates、watch/HMR、source map、weapp-style-injector 和分包样式隔离。Use for custom bundlers, Node API, build adapters, asset graphs, loaders, plugins, or subpackage style…

2 3d ago A 123 tokens copy · 100% MIT

sonofmagic/skills

Skill Claude CodeCodex

为 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 native CSS, arbitrary value compatibility, or Lynx bundle styling;不用于 React Native、uni-app App、Web 或普通小程序构建。.

2 3d ago A 129 tokens copy · 100% MIT

sonofmagic/skills

Skill Claude CodeCodex

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

2 3d ago A 129 tokens copy · 100% MIT

sonofmagic/skills

Skill Claude CodeCodex

为 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 54+, React Native 0.81+, Metro, native className, Android/iOS style compilation;不用于 uni-app App、ReactLynx 或普通小程序构建。.

2 3d ago A 104 tokens copy · 100% MIT

sonofmagic/skills

Skill Claude CodeCodex

设计和排查 weapp-tailwindcss 动态 class 组合与运行时封装,覆盖 @weapp-tailwindcss/runtime、merge、cva、variants、typography、theme-transition、ui、clsx、twMerge、weappTwIgnore、escape/unescape、rpx transformer、缓存和组件 class 覆盖。Use for dynamic classes, cn helpers, variant APIs, runtime package selection, or class escaping at runtime;不用于 bundler…

2 3d ago A 118 tokens copy · 100% MIT

sonofmagic/skills

Skill Claude CodeCodex

为新项目配置当前 weapp-tailwindcss v5 与 Tailwind CSS 4,覆盖 uni-app、uni-app x、Taro、Mpx、原生小程序、weapp-vite、Vite、Webpack 5、Rspack、Gulp、独立 CLI 及小程序/H5/Web/App 多端。Use when setting up, installing, integrating, choosing a framework configuration, or building CSS with weapp-tw; 不用于旧版迁移、故障诊断、自研构建器、Expo React Native 或 ReactLynx。.

2 3d ago A 128 tokens copy · 100% MIT

sonofmagic/skills

Skill Claude CodeCodex

诊断 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…

2 3d ago A 130 tokens copy · 100% MIT

weapp-tailwindcss

24

sonofmagic/skills

Skill Claude CodeCodex

Routing guidance for weapp-tailwindcss, a tool that adapts Tailwind CSS utility styles for mini-programs and other supported platforms. It directs requests to separate guidance for setup, migration, troubleshooting, runtime behaviour, custom builds, React Native, or ReactLynx.

2 3d ago A 95 tokens copy · 100% MIT