camox-layout

Define reusable page layout structures for Camox websites with React components.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill simplifies the creation and management of consistent page structures for Camox websites, ensuring a unified user experience across your site.

Core Features & Use Cases

  • Layout Definition: Create reusable layout templates with defined structures for headers, footers, and page content.
  • Component Integration: Seamlessly integrate blocks like navbars and footers into your page layouts.
  • Meta Tag Customization: Control page titles and OG images for SEO and social sharing.
  • Use Case: When building a new section of your Camox website, use this skill to define a standard layout that includes a persistent navigation bar and footer, ensuring brand consistency.

Quick Start

Use the camox-layout skill to create a new layout definition file for your Camox website.

Frequently Asked Questions about camox-layout

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

FAQPage Schema
How do I define reusable React page layouts for my website?

To define reusable React page layouts, you can use a declarative API to create templates that manage the integration of header, footer, and content blocks for consistent website structures.

Can I customize SEO meta titles and OG images within a React layout component?

Yes, you can customize SEO meta titles and OG images within your React layout component by defining these properties directly in your declarative layout structure.

What is the best way to manage consistent page structures across a web application?

The best way to manage consistent page structures is by creating reusable layout templates using a createLayout function, which ensures a unified user experience across all site pages.

How do I integrate navigation bars and footers into a React website layout?

You integrate navigation bars and footers by defining block structures within your layout template, allowing these persistent components to seamlessly render across your website pages.

Does this layout approach require specific block definitions for structural components?

Yes, this layout approach requires specific block definitions for structural components alongside the createLayout function to properly assemble headers, footers, and page content areas.