fusion-to-publish

Register React components for Builder.io Publish visual editing in Next.js projects.

11|2|Updated Mar 19, 2026
One-click install
npx skills add https://github.com/BuilderIO/builder-agent-skills --skill fusion-to-publish
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: fusion-to-publish
Source: https://github.com/BuilderIO/builder-agent-skills/tree/main/fusion-to-publish
Command: npx skills add https://github.com/BuilderIO/builder-agent-skills --skill fusion-to-publish

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill removes the manual setup required to expose Builder.io Fusion React components inside Publish's visual editor, helping teams make code-built components available for visual editing.

Core Features & Use Cases

  • Publish Integration Setup: Scaffolds Builder SDK configuration, catch-all routes, registries, dev tools configuration, and component conventions for Next.js projects.
  • Component Registration: Converts TypeScript component props into Builder input definitions and generates draggable component registrations for the visual editor.
  • Bulk Component Registration: Analyzes component directories and registers multiple unregistered React components using consistent mapping rules.

Quick Start

Use the fusion-to-publish skill to register my React components so they are available in the Builder.io Publish visual editor.

Frequently Asked Questions about fusion-to-publish

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I register React components for Builder.io Publish visual editing?

To register React components for Builder.io Publish visual editing, you convert TypeScript props into Builder input definitions and generate draggable component registrations within your Next.js project using the Builder SDK.

What is the best way to expose Builder.io Fusion components in Publish?

Exposing Builder.io Fusion components in Publish requires scaffolding Builder SDK configuration, catch-all routes, and component conventions to make code-built components available for visual editing.

Can I bulk register multiple React components for the Builder.io visual editor?

Yes, you can bulk register React components by analyzing component directories and applying consistent mapping rules to register multiple unregistered React components for the visual editor.

How does TypeScript prop analysis work for Builder.io component registration?

TypeScript prop analysis for Builder.io component registration converts your component prop definitions into Builder input definitions, enabling reliable visual editor support and dynamic imports.

Do I need Next.js to set up Builder.io Publish integration?

Yes, Builder.io Publish integration setup applies to Next.js projects, requiring scaffolding for catch-all routes, registries, dev tools configuration, and specific component conventions.

Why are my React components not showing up in the Builder.io visual editor?

React components may not show in the Builder.io visual editor if the Builder SDK configuration, catch-all routes, or component registries are not properly scaffolded and mapped to Builder input definitions.