Menu
Scaffold a test for a react-native-css feature following the project's testing conventions.
The review-first prompt is selected by default. You can switch to a direct command or download a local copy.
Read SKILL.md and any companion files shown by SkillsMP before deciding whether to install.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
A direct command skips the review prompt. Inspect the source before running it.
npx skills add https://github.com/nativewind/react-native-css --skill add-testThe command stays on one line. Scroll horizontally to inspect it before copying.
Prefer a local copy? Download the files currently available to SkillsMP.
Based on SOC occupation classification
Triage a Nativewind or react-native-css GitHub issue. Reads the issue, determines version/repo, creates a reproduction, tests against latest published and local HEAD, then drafts a comment.
Explain the react-native-css architecture, compiler pipeline, and key files. Use when a contributor wants to understand how the codebase works.
Showing SKILL.md
| name | add-test |
| description | Scaffold a test for a react-native-css feature following the project's testing conventions. |
| argument-hint | ["feature-or-css-property"] |
| allowed-tools | Read, Grep, Glob, Edit, Write |
react-native-css has three test domains in src/__tests__/:
babel/ — Babel plugin tests using babel-plugin-testercompiler/ — CSS compilation tests verifying JSON outputnative/ — Runtime tests for style applicationsrc/__tests__/babel/)Use babel-plugin-tester:
import { pluginTester } from "babel-plugin-tester";
pluginTester({
plugin,
tests: {
"test name": {
code: `import { View } from 'react-native';`,
output: `import { View } from 'react-native-css/components';`,
},
},
});
src/__tests__/compiler/)Verify CSS → JSON compilation output structure.
src/__tests__/native/)Test runtime style application on native platform.
Identify the feature: What needs testing? Use $ARGUMENTS as the starting point.
Determine the domain: Is this a babel transform, compiler output, or runtime behavior?
Find existing tests: Search the appropriate src/__tests__/ subdirectory for similar tests.
Write the test: Follow the conventions of the domain.
Run the test: Execute yarn test. Note: ignore ExperimentalWarning: VM Modules warnings — they're expected.