System Protocols

AI Prompting Logic

The BrilliantNode AI doesn't just synthesize text; it constructs complex, professional page architectures. Master the semantic syntax required to control the Frame Topology the AI uses to assembly your ecosystem.

The Core Synthesis Strategy

The agent interprets your prompt into our unified Frame System. Every layout, matrix, or visual node is a dynamically styled Frame. Use structural and directional terminology for optimal architectural results.

Vague Input Protocol

"Make a nice website for my photography business with some pictures, an about me section, and a way to contact me."

Structured Node Protocol

"Create a complete photography portfolio page. Start with a hero section containing a background image and a CTA button. Below that, add a 3-column masonry grid for the gallery. Follow with a two-column about section (image left, text right). Finally, end with a footer containing a simple contact form."

Semantic Vocabulary

Topology & Direction

Instruct the agent on the spatial distribution of architectural nodes.

Preview Morphology

Logic Sample

"Design a landing page starting with a hero section using a two-column horizontal layout. The left side should have text vertically aligned to the center, and the right side should be a high-resolution artifact."

Deployment Cases

  • Horizontal arrangements (Navbars, feature clusters)
  • Vertical stacking (Card internal logic, forms)
  • Complex matrix alignments

Configurable Node Settings

Flex Row SynthesisUse protocols like: "Side-by-side", "Horizontal layout", "Row configuration".
Flex Column StackingUse protocols like: "Stacked vertically", "Column distribution", "Top-to-bottom".
Justification LogicUse protocols like: "Centered", "Space between", "Aligned to the right edge".

Grids & Matrices

For structured datasets, galleries, and multi-node cluster layouts.

Preview Morphology

Logic Sample

"Generate an entire SaaS node. Include a pricing section near the bottom using a 3-column grid where the primary column stands out with a contrasted high-tech fill."

Deployment Cases

  • Feature display matrices
  • Pricing tiers (optimized for 3-node clusters)
  • Bento-style architectural blocks

Configurable Node Settings

Grid ColumnsSpecify the exact count: "3-column grid", "2x2 matrix", "Bento grid architecture".
Node SpacingMention gaps: "With generous spacing", "Compact grid morphology", "Large pixel gaps".
Responsive AdaptationThe agent handles mobile automatically, but you can hint: "Mobile-optimized multi-column grid".

Styling & Properties

Control the individual visual manifestation of your Frames.

Preview Morphology

Logic Sample

"Add a social signal node with a soft drop shadow and 48px radius corners. The customer quote should be an abstract italic paragraph."

Deployment Cases

  • Applying specific atmospheric themes
  • Delineating boundaries or highlighting critical nodes

Configurable Node Settings

Fills & BackgroundsUse protocols like: "Dark fill", "Subtle gradient background", "Transparent carrier Frame".
Borders & ProjectionsUse protocols like: "High radius corners", "Subtle drop projection", "Minimalist stroke".
Typography HierarchyUse semantic markers: "Assign as H1", "XLarge font-black text", "Supporting abstract paragraph".

System Underlay: The Frame Engine

The reason these structural protocols function so effectively is that BrilliantNode eschews hardcoded templates. Every generated node is a flexible Frame element. The agent writes CSS Grid and Flexbox properties onto these Frames based on your semantic instructions.

Node Definition

A "Button" is a Frame with an href artifact, padding, and centered strings.

Section Logic

A "Section" is a large containing Frame set to vertical flex-column stacking.

Composition

An "Entire Page" is simply the sequential synthesis of layout Frames from top to bottom.