zest-component-creation-native

To scaffold a React Native UI component with TypeScript and testing, this skill generates the necessary component, types, styles, and spec files. It creates index.tsx, types.ts, styles.ts, and index.spec.tsx to establish a complete file structure for the new element.

Enforcing design system consistency in React Native components is achieved by adhering to established styling, theming, and accessibility patterns. This skill guides developers to use the StyleSheet API and integrate theme tokens, ensuring new UI elements match repository standards.

Yes, this component creation skill requires specific accessibility standards for React Native. It guides developers to build reusable UI elements that strictly adhere to established accessibility conventions, ensuring components are usable and compliant within the design system.

You can use this skill to integrate Figma button variants into a React Native repository by quickly setting up the corresponding component. It scaffolds the required TypeScript files, styles, and tests to translate design updates directly into code.

When creating a Zest design system component for React Native, the files generated include index.tsx, types.ts, styles.ts, and index.spec.tsx. This structure ensures the new UI element has dedicated files for logic, styling, and testing.