frontend-integration

Integrate Kailash SDK workflows into React and Flutter frontend applications.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/esperie/new-project --skill frontend-integration-esperie
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: frontend-integration
Source: https://github.com/esperie/new-project/tree/main/.claude/skills/11-frontend-integration
Command: npx skills add https://github.com/esperie/new-project --skill frontend-integration-esperie

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill addresses the challenge of bridging Kailash workflows with frontend applications, enabling developers to orchestrate backend-driven UI without heavy glue code.

Core Features & Use Cases

  • Frontend integration patterns for React and Flutter with Kailash workflows
  • API client setup, state management, and real-time updates across web and mobile
  • Architecture guidance and best practices for frontend workflow orchestration

Quick Start

Install and run the backend API that exposes /execute. Create a minimal frontend client in React or Flutter that posts to the API with inputs and renders the response. Use the provided quick-start templates (react-integration-quick.md / flutter-integration-quick.md) as starting points.

Frequently Asked Questions about frontend-integration

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

FAQPage Schema
How do I integrate Kailash workflows with a React frontend?

You integrate Kailash workflows with React by posting inputs to a backend API exposing /execute and rendering responses using provided quick-start templates for frontend client setup.

What is the best way to orchestrate backend-driven UI in Flutter without heavy glue code?

Orchestrate backend-driven UI by using Kailash integration patterns to bridge Flutter apps with backend workflows, handling API client setup, state management, and real-time updates across mobile platforms.

Does Kailash SDK support real-time updates across web and mobile applications?

Kailash SDK supports real-time updates across web and mobile by providing frontend integration patterns that manage state synchronization and API client connections for React and Flutter projects.

What architecture patterns should I follow when connecting frontend apps to Kailash workflows?

Follow enforced architecture patterns covering secure API usage, error handling, performance optimization, and state management when connecting frontend apps to Kailash workflows.

Can I use Kailash workflow integration patterns for both web and mobile projects?

Kailash workflow integration patterns support both web and mobile projects, covering React for web applications and Flutter for mobile contexts with unified API client setup.

Why do I need a dedicated skill for frontend workflow orchestration instead of writing custom API clients?

A dedicated frontend integration skill provides enforced guidelines for architecture patterns, error handling, performance, and secure API usage, eliminating heavy glue code and ensuring consistent workflow orchestration across web and mobile.