Skills
.Work. You
Rest

zest-web-integration

Community

Build UIs with Zest design system.

Software Engineering#ui#frontend#react#design system#components#zest
Authorguicheffer
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill streamlines the process of building user interfaces by providing consistent, themeable, and responsive components from the Zest design system, ensuring adherence to design standards and accelerating development.

Core Features & Use Cases

  • Component Library: Utilizes Zest's Box, Text, Button, Checkbox, and TextArea for rapid UI construction.
  • Responsive Design: Implements responsive array syntax for adapting layouts across devices.
  • Theme Integration: Leverages theme tokens for consistent spacing, colors, and typography.
  • Use Case: Quickly assemble a responsive product card component using Box for layout, Text for titles and descriptions, and Button.Primary for an "Add to Cart" action, all styled according to the Zest design system.

Quick Start

Use the zest-web-integration skill to create a responsive layout with a Box component and apply theme spacing.

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