← All skills
Tencent SkillHub Β· AI

Test

Render JSON schemas to images and generate schemas from prompts using declare-render and AI.

skill openclawclawhub Free
0 Downloads
0 Stars
0 Installs
0 Score
High Signal

Render JSON schemas to images and generate schemas from prompts using declare-render and AI.

⬇ 0 downloads β˜… 0 stars Unverified but indexed

Install for OpenClaw

Quick setup
  1. Download the package from Yavira.
  2. Extract the archive and review SKILL.md first.
  3. Import or place the package into your OpenClaw setup.

Requirements

Target platform
OpenClaw
Install method
Manual import
Extraction
Extract archive
Prerequisites
OpenClaw
Primary doc
SKILL.md

Package facts

Download mode
Yavira redirect
Package format
ZIP package
Source platform
Tencent SkillHub
What's included
SKILL.md

Validation

  • Use the Yavira download entry.
  • Review SKILL.md after the package is downloaded.
  • Confirm the extracted package contains the expected setup assets.

Install with your agent

Agent handoff

Hand the extracted package to your coding agent with a concrete install brief instead of figuring it out manually.

  1. Download the package from Yavira.
  2. Extract it into a folder your agent can access.
  3. Paste one of the prompts below and point your agent at the extracted folder.
New install

I downloaded a skill package from Yavira. Read SKILL.md from the extracted folder and install it by following the included instructions. Tell me what you changed and call out any manual steps you could not complete.

Upgrade existing

I downloaded an updated skill package from Yavira. Read SKILL.md from the extracted folder, compare it with my current installation, and upgrade it while preserving any custom configuration unless the package docs explicitly say otherwise. Summarize what changed and any follow-up checks I should run.

Trust & source

Release facts

Source
Tencent SkillHub
Verification
Indexed source record
Version
1.0.0

Documentation

ClawHub primary doc Primary doc: SKILL.md 9 sections Open source page

Materials CLI

Use this skill when the user wants to render JSON schemas to images (PNG/JPG), validate render-data schemas, or generate schemas from natural-language prompts and then render them.

Commands

render β€” Render a JSON schema file to an image. generate β€” Use AI (OpenAI) to generate a schema from a prompt, then render it. validate β€” Validate a JSON schema against the declare-render data schema.

When to use

User asks to "render a schema to image", "turn JSON into a picture", or "draw from schema". User wants to "generate an image from a description" or "create a schema from a prompt" and render it. User wants to "validate" a JSON file against the render data schema.

Usage

Run via Node (from the project or after npm install -g materials-cli): materials render <schema-path> [options] materials generate "<prompt>" [options] materials validate <schema-path> [options]

Render

materials render schema.json -o output.png Options: -s, --schema <path>, -o, --output <path> (default ./output.png), -f, --format <png|jpg>, -w, --width, -h, --height, --output-schema <path>, -i, --interactive

Generate (AI)

materials generate "A red circle with text Hello" -o out.png Options: -o, --output, -f, --format, -w, --width, -h, --height, --output-schema, --model, --api-key, --base-url, -i, --interactive Uses OPENAI_API_KEY (and optionally OPENAI_MODEL, OPENAI_BASE_URL) if not passed via flags.

Validate

materials validate schema.json Options: -s, --schema <path>, -i, --interactive

CLI help

Usage: materials <command> [options] Commands: render <schema> Render a JSON schema file to an image generate <prompt> Use AI to generate a schema, then render validate <schema> Validate a schema against the render data schema Examples: materials render schema.json -o output.png materials generate "A red circle with text Hello" materials validate schema.json

Schema format

The JSON schema follows the declare-render format: root has id, width, height, and layers. Layer types include text, image, container, shape, etc. Use materials validate <file> to check a schema before rendering.

Category context

Agent frameworks, memory systems, reasoning layers, and model-native orchestration.

Source: Tencent SkillHub

Largest current source with strong distribution and engagement signals.

Package contents

Included in package
1 Docs
  • SKILL.md Primary doc