Skills
.Work. You
Rest

json-render-templates

Community

Render UI templates as ready JSON payloads.

Design & Creative#dashboard#json#flowchart#form#cards#ui-templates
Authorcklxx
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This skill converts UI layout requests into structured JSON payloads for multiple UI templates (Flowchart, Form, Dashboard, Info Cards, and Gallery), enabling consistent rendering and easy integration with UI renderers.

Core Features & Use Cases

  • Template-driven UI rendering: Generates standardized JSON payloads from design intents for Flowchart, Form, Dashboard, Cards, and Gallery.
  • Easy data binding: Replace template data values and produce ready-to-send UI instructions.
  • Use Case: A designer requests a dashboard layout; the skill outputs a JSON payload that can be emitted to the UI layer with a2ui_emit.

Quick Start

Use the json-render-templates skill to convert your interface spec into a Flowchart payload and emit it with a2ui_emit.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: json-render-templates
Download link: https://github.com/cklxx/elephant.ai/archive/main.zip#json-render-templates

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.