skills.rest
H2OSLabs
H2OSLabsOFFICIAL
Explore all skills by this author →
GitHub

neuron-generate-page

Generate neuron-ui Page Schema JSON from API lists and TaskCase descriptions.

Updated Feb 9, 2026
Search Tags:#automation#data-binding#ui-generation#neuron-ui#page-schema#api-list
One-click install
npx skills add https://github.com/H2OSLabs/neuron-ui --skill neuron-generate-page
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: neuron-generate-page
Source: https://github.com/H2OSLabs/neuron-ui/tree/main/.claude/skills/neuron-generate-page
Command: npx skills add https://github.com/H2OSLabs/neuron-ui --skill neuron-generate-page

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Analyze arbitrary API lists and TaskCase descriptions to produce a Page Schema JSON that powers neuron-ui page generation and UI-building workflows.

Core Features & Use Cases

  • Analyze API input to identify resources, endpoints, fields, and query params.
  • Infer field types and map them to UI components via the component-api-mapping rules.
  • Generate a Page Schema with version, dataSources, and a component tree, ready for validation and rendering.
  • Support page patterns including CRUD dashboards, detail pages, and custom layouts.

Quick Start

Provide an API list and a TaskCase description to generate a Page Schema.

Frequently Asked Questions about neuron-generate-page

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

FAQPage Schema
How do I auto-generate a UI page from an API list?▼

Auto-generating a UI page from an API list requires analyzing endpoints and fields to produce a Page Schema JSON. You provide the API specifications and a TaskCase description to map field types to UI components and build a renderable component tree.

What is a Page Schema and how does it work for UI generation?▼

A Page Schema is a JSON structure containing version, dataSources, and a component tree that drives UI generation. It works by applying established mapping rules to bind inferred API fields directly to valid UI components for rendering.

Can I create a CRUD dashboard directly from API specifications?▼

Yes, you can create a CRUD dashboard directly from API specifications by analyzing the provided API list. The system identifies resources and query parameters to generate a Page Schema with proper data bindings and validation for the dashboard.

Do I need to manually map API fields to UI components?▼

No, you do not need to manually map API fields to UI components. The process automatically infers field types from the API list and TaskCase description, applying component-api-mapping rules to generate the correct UI bindings.

How do I build a detail page layout from API data?▼

To build a detail page layout from API data, you provide the specific API list and TaskCase description. The generation process infers field types and outputs a JSON Page Schema with a custom component tree and data bindings for the detail page.

What's the best way to validate a generated page schema?▼

The best way to validate a generated page schema is to process the output JSON through the neuron-ui page builder. The produced schema includes version, dataSources, and a component tree, ready for validation and rendering workflows.

Related Skills

Explore More Software Engineering Skills→
H2OSLabsH2OSLabs

neuron-analyze-api

Analyze API documentation formats and output structured JSON for neuron-ui page generation.

Official
Advanced
H2OSLabsH2OSLabs

neuron-validate-schema

Validate neuron-ui Page Schema JSON for structure, binding, and token compliance.

Official
Advanced
MesteriisMesteriis

design-system-extractor

Extract UI design tokens, typography, spacing, and layout rules from Figma references.

Community
Intermediate
MMXCMMXC

VibeX 页面生成器 Skill

Generate page structures from UI node trees with control definitions.

Community
Intermediate