sui-development

Build server-rendered web apps with Yao SUI using file-based routing and data binding.

1|4|Updated Nov 17, 2022
One-click install
npx skills add https://github.com/YaoApp/yao-init --skill sui-development
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: sui-development
Source: https://github.com/YaoApp/yao-init/tree/main/.cursor/skills/sui-development
Command: npx skills add https://github.com/YaoApp/yao-init --skill sui-development

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

SUI development guides help developers build server-rendered web pages and reactive components using Yao's SUI framework, consolidating routing, data binding, SSR, and backend integration into a single reference.

Core Features & Use Cases

  • File-based routing and page/component reusability
  • Server-side rendering and data binding with built-in templating
  • Event handling, guards, and backend integration patterns
  • Internationalization (i18n) and translation workflow
  • Comprehensive guidance for templates, components, and API usage in Yao applications

Quick Start

Scaffold a SUI page using the standard templates and implement a simple route with a component and data binding as demonstrated in the guide.

Frequently Asked Questions about sui-development

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

FAQPage Schema
How do I build server-rendered web apps with file-based routing and backend integration?

Server-rendered web apps with file-based routing and backend integration are built using the Yao SUI framework, which provides structured references and code samples for routing, SSR, data binding, and API flows. It consolidates frontend and server code into a single guide.

What is the best way to handle internationalization and translation workflows in a Yao web application?

Internationalization in a Yao web application is handled through SUI's built-in locale pipelines and translation workflows. The development guide defines specific instructions for managing i18n across frontend components and server code to ensure consistent multi-language rendering.

How do I implement server-side rendering and data binding for reactive components?

Server-side rendering and data binding for reactive components are implemented using Yao SUI's built-in templating and event handling patterns. The guide provides code samples demonstrating how to bind data and manage component reactivity across frontend and server code.

Can I use custom guards and API flows for event handling in Yao SUI?

Custom guards and API flows for event handling are fully supported in Yao SUI. The instruction set in the SUI development guide defines how to implement guard logic, manage API flows, and handle events securely across frontend and backend integration points.

Does Yao SUI require separate frontend and backend codebases for web app development?

Yao SUI does not require separate frontend and backend codebases for web app development. It consolidates routing, data binding, SSR, and backend integration into a single reference, allowing developers to manage both frontend components and server logic within one structured framework.

How do I scaffold a SUI page and set up a simple route with a component?

To scaffold a SUI page and set up a simple route, use the standard templates provided in the SUI development guide. The quick start approach demonstrates how to implement a route with a reusable component and data binding using the provided code samples.