iterating-with-ai-and-mcp
CommunityAI-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 requiredComponents
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.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 510,000+ vetted skills library on demand.