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