iterating-with-ai-and-mcp

Community

AI-driven UI iteration with HotSwan MCP

Authorskydoves
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill enables an AI agent to drive a HotSwan MCP loop that edits Kotlin files, triggers hot reloads, captures device screenshots, and iterates UI toward a mock, reducing manual debugging effort.

Core Features & Use Cases

  • Seven MCP tools: exposes hotswan_get_status, hotswan_reload, hotswan_take_screenshot, hotswan_start_snapshot, hotswan_stop_snapshot, hotswan_select_variant, and hotswan_build_and_install to power end-to-end UI iteration.
  • Canonical iteration loop: edit → reload → screenshot → evaluate → decide, with optional snapshot rollback for safe experimentation.
  • Fallback safety: detects schema changes and uses a full install path when hot reload is not sufficient.
  • Use cases: QA automation, AI-assisted UI tuning against design mocks, and rapid visual iteration for Compose screens.

Quick Start

Instruct the agent to connect to the HotSwan MCP server, verify watcher state is WATCHING, start a snapshot, edit the target Kotlin file, trigger a reload, capture a screenshot, and iterate until the result matches the design intent.

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: iterating-with-ai-and-mcp
Download link: https://github.com/skydoves/compose-performance-skills/archive/main.zip#iterating-with-ai-and-mcp

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 510,000+ vetted skills library on demand.