vtex-io-react-apps

SKILL.md

Frontend React Components & Hooks

When this skill applies

Use this skill when building VTEX IO frontend apps using the react builder — creating React components that integrate with Store Framework as theme blocks, configuring interfaces.json, setting up contentSchemas.json for Site Editor, and applying styling patterns.

Creating custom storefront components (product displays, forms, banners)

Building admin panel interfaces with VTEX Styleguide

Registering components as Store Framework blocks

Exposing component props in Site Editor via contentSchemas.json

Applying css-handles for safe storefront styling

Do not use this skill for:

Backend service implementation (use vtex-io-service-apps instead)

GraphQL schema and resolver development (use vtex-io-graphql-api instead)

Manifest and builder configuration (use vtex-io-app-structure instead)

Decision rules