Skills
.Work. You
Rest

chat-ui-sync

Community

Keep frontend UI in sync with backend routes.

Software Engineering#frontend#backend#routes#payload#ui-sync#tool-binding
AuthorSkastVnT
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Bridges gaps between frontend controls and backend routes to maintain consistent payloads, route bindings, and tool behavior during UI changes.

Core Features & Use Cases

  • Maps UI actions to corresponding backend endpoints, preserving payload field names and data contracts.
  • Validates tool, mode, and model bindings to prevent drift when UI is updated.
  • Use case: when adding a new UI control or adjusting an existing one, run this skill to verify alignment between index.html, main.js, api-service.js, and stream.py.

Quick Start

Execute a quick UI consistency check after updating any UI control to ensure frontend→backend contracts remain in sync and no route or payload mappings are broken.

Dependency Matrix

Required Modules

None required

Components

Standard package

đź’» Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: chat-ui-sync
Download link: https://github.com/SkastVnT/AI-Assistant/archive/main.zip#chat-ui-sync

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.