Skills
.Work. You
Rest

zest-component-creation-native

Community

Build Zest UI components for React Native

Software Engineering#typescript#accessibility#design system#ui components#react native#zest
Authorguicheffer
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This skill streamlines the creation of new UI components for the Zest design system in React Native, ensuring consistency, adherence to best practices, and efficient development.

Core Features & Use Cases

  • Component Scaffolding: Generates the necessary files (index.tsx, types.ts, styles.ts, index.spec.tsx) for a new React Native component.
  • Best Practice Enforcement: Guides users to follow Zest's conventions for styling, theming, accessibility, and testing.
  • Use Case: When a designer provides a new button variant in Figma, this skill helps a developer quickly set up the corresponding React Native component in the zest-react-native repository, complete with types, styles, and tests.

Quick Start

Use the zest-component-creation-native skill to create a new Zest button component.

Dependency Matrix

Required Modules

None required

Components

references

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: zest-component-creation-native
Download link: https://github.com/guicheffer/devorch-cli/archive/main.zip#zest-component-creation-native

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.