tech

Building the Moonshot AI Refactor with Kimi Code CLI

A behind-the-scenes look at how Moonshot AI used Kimi Code CLI, Figma MCP, and agent workflows to ship visual updates and improvements, plus key lessons learned.

Building the Moonshot AI Refactor with Kimi Code CLI

TL;DR

  • Moonshot AI implemented a visual refresh across its platform using Kimi Code CLI, an AI coding agent.
  • The AI helped trace dependencies, match code to Figma design specs, research new UI behaviors, check performance, and identify integration risks.
  • A Model Context Protocol (MCP) connection with Figma facilitated better alignment between design specifications and code implementation.
  • Setting initial project context through an AGENTS.md file and rules file improved the AI's workflow consistency.
  • Key lessons learned include starting with context, connecting a source of truth early, and keeping design and task context in the same loop.
  • Kimi Websites offers a no-code alternative for creating websites using the same AI model.
  • The AI agent was most effective for tasks requiring breadth and consistency across many small changes rather than complex algorithms.
  • A custom Review Skill was developed to evaluate merge requests, checking for design system violations and potential risks.