Skills
.Work. You
Rest

zest-integration

Community

Master Zest UI theming for React Native.

Software Engineering#design system#styling#dark mode#react native#ui theming#zest
Authorguicheffer
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill helps developers correctly integrate the Zest design system into their React Native applications, ensuring consistent theming, dark mode support, and optimal performance.

Core Features & Use Cases

  • Provider Setup: Correctly wrap your app with ZestProvider and its variants (ScreenEntryProvider, NavigationEntryProvider, WidgetEntryProvider).
  • Theme Access: Utilize useZestTheme for dynamic styling and useZestStyles with createStylesConfig for static, token-based styling.
  • Dark Mode: Implement seamless light and dark mode switching using useColorScheme.
  • Use Case: When building a new feature, ensure all components adhere to the brand's visual guidelines by correctly applying Zest theme tokens for colors, spacing, and typography, and ensuring dark mode compatibility.

Quick Start

Wrap your application's root component with the ZestProvider to enable theme access for all child components.

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-integration
Download link: https://github.com/guicheffer/devorch-cli/archive/main.zip#zest-integration

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.