api-integration

Generates TypeScript API clients for the MYKNN platform from templates and scripts.

Updated Mar 17, 2026
One-click install
npx skills add https://github.com/JKKN-Institutions/rr_builders_roja --skill api-integration-jkkn-institutions
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: api-integration
Source: https://github.com/JKKN-Institutions/rr_builders_roja/tree/main/.claude/skills/api-integration
Command: npx skills add https://github.com/JKKN-Institutions/rr_builders_roja --skill api-integration-jkkn-institutions

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

Advanced skill for integrating child applications with the MyJKKN parent app API. Use when developers need to generate API keys, fetch data from endpoints (students, staff, organizations), build UI components with API data, implement authentication, or set up data integration for child applications. Provides templates, working examples, and automated client generation.

Core Features & Use Cases

  • API key generation, rotation, and management for child apps
  • Authentication flows and access control across endpoints (students, staff, organizations)
  • Data fetching and UI component templates powered by API data
  • End-to-end integration patterns including pagination, filtering, and error handling
  • Type-safe API clients with TypeScript definitions and templates

Quick Start

Review the included templates and run the generator to scaffold a framework-specific API client for Next.js, Vanilla JS, or Express.

Frequently Asked Questions about api-integration

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

FAQPage Schema
How do I integrate a child app with a parent API securely?

API key generation and authentication flows secure child app integration with a parent API. You generate keys, implement access control, and use type-safe clients to fetch data from students, staff, and organizations endpoints.

How do I generate and manage API keys for child applications?

API key generation, rotation, and management are supported through on-demand scripts and templates. You scaffold a framework-specific client to handle key lifecycle and authenticate child app requests securely.

Can I use TypeScript definitions to build type-safe API clients?

TypeScript typings and framework-agnostic templates enable building type-safe API clients. You run the client generator to scaffold type-safe code for fetching data from students, staff, and organizations endpoints.

Does this API integration support Next.js, Vanilla JS, and Express?

Framework-agnostic templates and automated client generation support Next.js, Vanilla JS, and Express. You run the included generator to scaffold a framework-specific API client for your chosen platform.

How do I handle pagination and error handling when fetching API data?

End-to-end integration patterns provide built-in pagination, filtering, and error handling for API data fetching. You use the included templates and type-safe clients to manage data retrieval and errors across endpoints.

What is the best way to fetch student and staff data from a parent API?

Type-safe API clients with predefined endpoints fetch student, staff, and organization data securely. You use generated clients and UI component templates to retrieve and display data with authentication and access control.