camox-block

Create reusable Camox page blocks with TypeScript and React schemas.

25|1|Updated Feb 17, 2026
One-click install
npx skills add https://github.com/remidej/camox --skill camox-block
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: camox-block
Source: https://github.com/remidej/camox/tree/main/packages/sdk/skills/camox-block
Command: npx skills add https://github.com/remidej/camox --skill camox-block

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill simplifies the creation of reusable page sections (blocks) for Camox websites, enabling efficient content management and consistent design.

Core Features & Use Cases

  • Block Definition: Define the structure, content schema, and rendering logic for custom page components.
  • Content Schema: Specify editable fields (strings, links, images, files, etc.) for dynamic content.
  • Markdown Rendering: Configure how block content is converted to Markdown for AI features.
  • Use Case: Create a "Testimonial" block with fields for quote, author, and company, which can then be easily added and populated on any Camox page.

Quick Start

Create a new block definition file in src/camox/blocks/ named my-block.tsx that exports a block constant configured with createBlock.

Frequently Asked Questions about camox-block

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

FAQPage Schema
How do I create reusable React components for a page builder?

Reusable React components for a page builder are created by defining a block schema, content fields, and rendering logic using TypeScript, which allows dynamic content assembly and inline editing on any page.

What is a block definition schema and how does it work?

A block definition schema specifies editable fields like strings, links, images, and files for dynamic content. It works within the Camox framework to structure custom page sections and configure their rendering logic.

How do I convert page builder content to Markdown for AI integration?

Converting page builder content to Markdown for AI integration is handled by configuring the block's Markdown rendering logic during definition, dictating how specified content fields translate into Markdown format.

Do I need TypeScript to build custom page sections with this framework?

TypeScript is required to build custom page sections, as the framework guides users through defining block schemas and rendering logic using TypeScript alongside React for structured content management.

Can I configure inline editing for dynamic content fields in React?

Inline editing for dynamic content fields in React is supported through the block definition process, allowing you to specify editable strings, links, and images that content editors can modify directly.