Generated Pane Authoring

SkillDev tools

Create and edit boring.generated-pane JSON specs from predefined safe component catalogs.

Available today. Use it from your connected AI after setup.

Connect ahel once, and every AI you use reads what you have installed.

Then ask your AI: use the Generated Pane Authoring skill

What this skill tells your AI

The instructions your AI receives, as published by hachej/boring-ui in plugins/generated-pane/skills/generated-pane-authoring/SKILL.md and read by ahel’s review.

Use when the user asks for a custom pane, dashboard, report, workflow UI, status view, or other workspace UI composed from predefined components.

Write JSON specs to panes/*.pane.json unless a profile/plugin says otherwise.

Required root shape:

{
  "kind": "boring.generated-pane",
  "version": 1,
  "profile": "base",
  "title": "Short title",
  "root": "main",
  "elements": {
    "main": { "type": "Card", "props": { "title": "Overview" }, "children": [] }
  }
}

Rules:

  • Do not generate React, JavaScript, functions, actions, or inline event handlers.
  • Use only components documented by the active profile/catalog.
  • Use only props documented for each component.
  • Keep element ids stable and descriptive.
  • Prefer a simple tree: one root layout, then cards/sections/widgets.
  • For base *.pane.json specs, validate with WorkspaceBridge op generated-pane.v1.validate using { "spec": <json> } when available. Profile-specific specs must use their owning plugin validate op.

Signals

GitHub stars
46
Forks
2
Last commit
Sep 2026
Advanced
Catalog kind
skill
Gateway key
generated-pane-authoring
Source
github.com/hachej/boring-ui