yida-custom-page

Name: yida-custom-page
Availability: InStock
Author: ythm

Develop custom Yida pages using React 16 class components and the Yida JavaScript API.

1|Updated Apr 8, 2026

Search Tags:#application development #JSX #custom page #Yida API #React 16

Ready to run

npx skills add https://github.com/ythm/openyida --skill yida-custom-page-ythm

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: yida-custom-page
Source: https://github.com/ythm/openyida/tree/main/yida-skills/skills/yida-custom-page
Command: npx skills add https://github.com/ythm/openyida --skill yida-custom-page-ythm

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill allows developers to create custom pages using JSX and the Yida JavaScript API, enhancing the functionality and customization of Yida applications.

Core Features & Use Cases

Custom Page Development: Build custom pages for specific use cases such as data display, interactive components, and complex workflows.
Yida API Integration: Utilize the Yida JavaScript API for seamless data handling and interaction with the Yida platform.
Use Case: For instance, you can create a custom page to display a list of products, allowing users to filter and sort the list based on specific criteria.

Quick Start

Create a custom page for displaying product information using the yida-custom-page skill. First, retrieve the form schema and field IDs using the openyida get-schema command, then write the page code based on the provided template.

Frequently Asked Questions about yida-custom-page

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

FAQPage Schema

How do I develop custom pages in Yida using JSX and React 16?▼

Yida custom pages support complex state management, interactive event handling, and DOM manipulation, making them applicable for scenarios including form development, workflow management, and app customization.

How do I retrieve form schema and field IDs for a Yida custom page?▼

Yida custom pages integrate with the Yida JavaScript API for seamless data handling and platform interaction, allowing you to build interactive components like filterable and sortable product lists.

Does Yida custom page development require React 16 class component syntax?▼

Yes, developing custom pages on the Yida platform requires React 16 class component syntax along with the Yida JavaScript API to handle complex workflows and application customization.

What are the limitations of using React 16 for Yida custom pages?▼

Yida custom pages are limited to React 16 class component syntax and the Yida JavaScript API, meaning modern React hooks or external libraries outside the Yida ecosystem are not natively supported.