Nitrowind Skills

Install or create Nitrowind agent skills for React Native Tailwind CSS setup, migration, theming, components, and native features.

For AI agents

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 --all

Install curated skills

Install every shipped skill into your current project's .agents/skills folder:

npx @nitrofoundation/nitrowind-skills add --all

Or choose a focused workflow:

npx @nitrofoundation/nitrowind-skills add nitrowind-background-images

Each 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.

On this page