airiot

Initializes AIRIOT React TypeScript projects and documents client usage across API, authentication, forms, and hooks.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/sshwsfc/airiot-client --skill airiot
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: airiot
Source: https://github.com/sshwsfc/airiot-client/tree/main/skill
Command: npx skills add https://github.com/sshwsfc/airiot-client --skill airiot

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

AIRIOT developers and AI agents often face a steep learning curve when bootstrapping projects and applying the platform's frontend stack. This Skill consolidates initialization steps, development standards, and client usage guidance into a single, authoritative reference.

Core Features & Use Cases

  • Project initialization: command-based bootstrapping with shadcn/ui and Vite templates to accelerate setup.
  • MCP server and client SDK: guidance to wire MCP services and install the type-safe AIRIOT client library for reliable API calls.
  • Comprehensive client usage: coverage of API client, authentication, JSON Schema forms, state management, page hooks, data subscriptions, and configuration patterns for real-world apps.

Quick Start

Initialize a new AIRIOT project using the command above and follow the official docs to integrate the client library and platform services.

Frequently Asked Questions about airiot

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

FAQPage Schema
How do I initialize an AIRIOT platform project with React and TypeScript?

To initialize an AIRIOT platform project with React and TypeScript, use the command-based bootstrapping method with shadcn/ui and Vite templates. This setup accelerates project creation and establishes the foundational development standards required for the platform's frontend stack.

What is the AIRIOT client SDK used for in React development?

The AIRIOT client SDK is a type-safe library used for making reliable API calls within React applications. It provides comprehensive client usage covering authentication, JSON Schema forms, state management, page hooks, and data subscriptions for real-world platform integrations.

Can I use MCP server setup alongside the AIRIOT client library in my React app?

Yes, you can use MCP server setup alongside the AIRIOT client library in your React app. The Skill provides guidance to wire MCP services and install the type-safe AIRIOT client library, enabling reliable platform API calls and real-time data subscriptions.

What's the best way to handle authentication and forms in an AIRIOT React application?

The best way to handle authentication and forms in an AIRIOT React application is by utilizing the platform's comprehensive client usage patterns. This includes built-in authentication methods and JSON Schema forms to ensure structured and validated data input.

How do data subscriptions work with the AIRIOT client in a TypeScript project?

Data subscriptions with the AIRIOT client in a TypeScript project work by establishing real-time connections through the client SDK. This enables your React application to receive live data updates and manage state efficiently using provided page hooks.

Do I need Vite and shadcn/ui to develop AIRIOT platform integrations?

While Vite and shadcn/ui are recommended for project initialization to accelerate setup, the core requirement is integrating the type-safe AIRIOT client library. These templates provide a structured foundation that aligns with AIRIOT development standards.