devs:react-components

You can scaffold React components with container/presenter architecture by using the skill's automated script to generate feature boilerplate, generating container and presenter pairs, UI folders, tests, and documentation automatically.

To enforce strict TypeScript patterns in existing React components, run an automated audit using the skill to check for TS correctness, accessibility compliance, and alignment with headless component and composition-first design patterns.

You integrate TanStack Query with React forms using RHF and Zod within the container/presenter pattern, placing data fetching and schema validation logic inside the container and passing typed props to the presenter.

Yes, you can use Tailwind v4 with headless component patterns. The skill enforces Tailwind v4 styling alongside headless UI composition to ship robust components with strict TypeScript discipline and Web3 security best practices.

Yes, this React scaffolding approach supports Web3 security. The skill enforces Web3 security best practices while scaffolding components and auditing existing modules, ensuring TypeScript correctness and robust secure architecture.