skills.rest
hasna
hasnaOFFICIAL
Explore all skills by this author →
WebsiteGitHub

core

Define schemas, component catalogs, and AI prompts for json-render UI generation.

Updated Jun 24, 2026
Search Tags:#state-management#spec-validation#ai-prompting#generative-ui#schema-definition#cross-platform-ui#catalog-creation
One-click install
npx skills add https://github.com/hasna/render --skill core-hasna
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: core
Source: https://github.com/hasna/render/tree/main/skills/core
Command: npx skills add https://github.com/hasna/render --skill core-hasna

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill eliminates the manual effort of building custom generative UI generation logic from scratch by providing pre-built tools to define schemas, component catalogs, and AI prompt templates for the json-render framework, ensuring AI-generated UIs are constrained to your predefined components and valid structure.

Core Features & Use Cases

  • Schema & Catalog Definition: Create structured schemas and component catalogs that restrict AI-generated UI to only your approved components and props, eliminating invalid or unexpected output.
  • AI Prompt Generation: Automatically generate system prompts for AI models to produce valid, schema-conforming UI specs without manual prompt engineering.
  • Spec Streaming & Validation: Stream progressive UI spec updates as the AI generates them, and automatically validate or fix common spec issues to ensure reliability. Use Case: A developer building a cross-platform dashboard can use this Skill to define a catalog of allowed components like cards and metrics, then generate valid UI specs from natural language prompts like "create a sales dashboard with revenue and user count metrics" without risking invalid component usage.

Quick Start

Use the core skill to define a schema and component catalog for your generative UI system, then generate a valid UI spec from a natural language prompt describing the interface you want to build.

Frequently Asked Questions about core

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

FAQPage Schema
How do I constrain AI-generated UI to only use approved components?▼

Yes, generative UI specs support cross-platform interfaces including web, mobile, terminal, and PDF. The system applies dynamic prop expression resolution and state management to ensure predictable output across these varied platforms.

How do I generate system prompts for schema-conforming UI specs?▼

You can automatically generate system prompts for AI models by defining your component catalogs and schemas first. This removes manual prompt engineering, ensuring the AI produces valid, schema-conforming UI specs based on your predefined structure.

Can I stream progressive UI spec updates as the AI generates them?▼

Yes, you can stream progressive UI spec updates during AI generation. The system automatically validates and fixes common spec issues on the fly, ensuring reliable and predictable UI output without interrupting the generation workflow.

What is the best way to auto-fix invalid props in AI-generated UI specs?▼

The best way to auto-fix invalid props is by applying spec auto-fixing utilities during validation. This mechanism automatically corrects common structural issues in the generated UI specs to ensure they conform to your predefined schemas.

Do I need manual prompt engineering to build cross-platform generative UI?▼

No, you do not need manual prompt engineering to build cross-platform generative UI. The system automatically generates the required AI prompt templates from your defined schemas and component catalogs to ensure valid structure.

Related Skills

Explore More Software Engineering Skills→
tneztnez

bootstrap

Initialize the .docent directory structure and configuration for new projects.

Community
Basic
ashcabula30ashcabula30

react-native

Render JSON specs as native React Native UIs with data binding and actions.

Community
Advanced
alecs5amalecs5am
118

gpt-image-2-director

Convert natural-language requests into structured GPT Image 2 prompts.

Community
Advanced
ValyntValynt

openapi-validate

Validate and auto-fix OpenAPI 3.0/3.1 specifications in YAML or JSON.

Official
Advanced