Nitrowind Skills
Install or create Nitrowind agent skills for React Native Tailwind CSS setup, migration, theming, components, and native features.
Nitrowind Skills
Give an agent focused, up-to-date workflows for the parts of Nitrowind that benefit from careful native React Native decisions: setup, theming, container layouts, background images, effects, animations, SVG, and component interop.
Build a skill
npx @nitrofoundation/nitrowind-skills add --allInstall curated skills
Install every shipped skill into your current project's .agents/skills folder:
npx @nitrofoundation/nitrowind-skills add --allOr choose a focused workflow:
npx @nitrofoundation/nitrowind-skills add nitrowind-background-imagesEach skill points to these canonical docs instead of copying the full reference into an agent's context. Use the builder below to create a tailored starting point for your own project.
---
name: nitrowind-setup
description: Use this skill for Nitrowind setup.
---
# nitrowind-setup
Follow the linked Nitrowind documentation and validate the native result.What gets generated
A skill is a small folder containing SKILL.md plus optional agent-facing metadata. Keep it near your project at .agents/skills/<skill-name>/SKILL.md, commit it with the project when it describes shared engineering practice, and update it whenever the underlying workflow changes.
The curated set covers every documented feature area: component interop, interaction states, responsive and container layouts, safe area, background images, gradients and native effects, animations, SVG, native props, and the C++ runtime engine. It also includes setup, migration, plain CSS, and adaptive theming.
Nitrowind Documentation
Explore Nitrowind documentation for React Native Tailwind CSS v4 setup, theming, components, native features, APIs, and the C++ ShadowTree engine.
Install Nitrowind in React Native
Install Nitrowind in React Native or Expo, configure Metro and Tailwind CSS v4, and render your first native className component.