ky-design-to-html-skill

这是一个专为Codex/Claude设计的AI技能，用于将UI截图或设计稿精准还原为可运行的HTML/CSS页面。其核心特点是采用分步工作流：先解析页面结构、分离可编码区域与需保留的视觉资产（如图标、复杂图形），再适配画布比例、生成代码，并通过浏览器截图比对进行视觉误差修正。该技能不依赖端到端生图，而是聚焦于资产边界识别、布局保真与迭代校准，显著提升还原结果的结构合理性与视觉一致性。适用于SaaS落地页、后台管理系统界面、空状态页等静态前端页面的快速重建场景。