json-render-core

Define JSON schemas, catalogs, and AI prompts for rendering.

1|Updated Feb 26, 2026
One-click install
npx skills add https://github.com/supersterling/primus --skill json-render-core
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: json-render-core
Source: https://github.com/supersterling/primus/tree/main/.agents/skills/json-render-core
Command: npx skills add https://github.com/supersterling/primus --skill json-render-core

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Provides a comprehensive suite for defining JSON schemas, catalogs, and AI prompts to drive structured JSON outputs and UI specs in applications.

Core Features & Use Cases

  • Schema definition: create and validate structured schemas for specs and catalogs.
  • Catalog creation: map components/actions to definitions and associated prompts.
  • Spec streaming: generate JSONL streaming specs with progressive updates for AI workflows.
  • State integration: supports state resolution, computed expressions, and state stores for reactive UIs.

Quick Start

Create a schema with defineSchema, build a catalog with defineCatalog, then use the catalog to generate AI prompts.

Frequently Asked Questions about json-render-core

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

FAQPage Schema
How do I define and validate JSON schemas for AI prompts in a TypeScript application?

You can define and validate JSON schemas for AI prompts in TypeScript using the defineSchema utility, which structures definitions for specs and catalogs. The defineCatalog function then maps components to these definitions to generate associated AI prompts.

What is JSONL spec streaming and how does it work for AI content generation?

JSONL spec streaming is a process that generates streaming JSON specs with progressive updates for AI workflows. The Skill provides tooling that outputs structured JSONL streams to drive AI-assisted content generation and dynamic UI specs.

How do I manage state resolution and computed expressions for reactive UI JSON specs?

State resolution for reactive UI JSON specs is managed using the createStateStore and resolvePropValue utilities. These functions support computed expressions and state stores to dynamically resolve property values within your defined schemas.

Can I use this catalog and schema tooling in any TypeScript codebase without external dependencies?

Yes, you can use this tooling in any TypeScript codebase without external dependencies. The Skill operates independently with its own utilities for schema definition, catalog creation, and spec streaming, requiring no additional packages.

What is the best way to orchestrate UI component definitions and AI prompts for dynamic catalogs?

The best way to orchestrate UI component definitions and AI prompts is to use the defineCatalog utility. It maps components and actions to structured definitions and automatically generates the associated AI prompts needed for JSON rendering.

When should I avoid using streaming JSON specs for AI-assisted content generation?

You should avoid using streaming JSON specs when your AI workflows do not require progressive updates or real-time UI spec generation. For static content generation, standard schema validation without the spec streaming tooling is sufficient.