Skills
.Work. You
Rest

vtex-io-react-apps

Official

Build VTEX IO React components for storefronts.

Software Engineering#frontend#react#site-editor#vtex#vtex-io#store-framework
Authorvtexdocs
Version1.0.0
Installs0

System Documentation

What problem does it solve?

VTEX IO frontend development often requires coordinating React components, Store Framework blocks, and Site Editor metadata across storefronts and admin interfaces. This skill provides a structured approach to building VTEX IO frontend apps, ensuring consistent interfaces, styling, and editor integration.

Core Features & Use Cases

  • Scaffolds VTEX IO React components for storefront blocks and admin panels.
  • Ensures Site Editor compatibility via interfaces.json and contentSchemas.json.
  • Aligns with VTEX Styleguide for admin UIs and supports css-handles styling for storefronts.
  • Useful for creating pixel apps, custom storefront components, and admin panels within the VTEX IO React builder.

Quick Start

Follow the skill’s guidance to scaffold a VTEX IO React component project for storefront blocks and admin panels.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 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: vtex-io-react-apps
Download link: https://github.com/vtexdocs/ai-skills/archive/main.zip#vtex-io-react-apps

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 471,000+ vetted skills library on demand.