Kimi K3 登顶设计榜单的秘密
Kimi K3 在单次前端竞技场中排名第一,Elo 评分达 1408。其成功归功于独特的思维链模式,在推理过程中模拟 Agent 工作流,通过大量代码迭代和心理测试,实现了更精细的设计和外部依赖集成。
Kimi K3 在单次前端竞技场中排名第一,Elo 评分达 1408。其成功归功于独特的思维链模式,在推理过程中模拟 Agent 工作流,通过大量代码迭代和心理测试,实现了更精细的设计和外部依赖集成。
作者基于 10 年 UI/UX 设计经验,结合 AI 工具实践,总结出一套设计审美方法论。文章实测了 5 个 GitHub 上星数最多的 AI 设计 Skill:UI UX Pro Max(自动匹配行业风格)、Taste Skill(原创设计方向)、Impeccable(逐块打磨去 AI 味)、Emil Kowalski Skills(动效细节)、Hallmark(上线前检查),并配以场景演示。作者还分享了 8 条可复用的设计原则,包括先定义再动手、拆解好设计不照搬、先出全貌再逐块改、统一视觉规则等,强调工具在变但好的设计判断力依然无法被 AI 替代。
OpenPencil 是号称全球首款 AI 原生的开源矢量设计工具,GitHub 已获 6400+ Stars,90.6% 代码由 Rust 编写。它实现了 Design-as-Code:通过提示词在实时画布上生成和修改 UI。核心亮点包括:并发智能体团队将页面拆解为多个子任务并行流式渲染;多模型智能适配(Claude、GPT-4o、Gemini、MiniMax 等);可通过 MCP Server 集成到 Claude Code、Cursor 等终端工具;.op 设计文件为纯 JSON 格式、Git 友好,可一键导出 React + Tailwind 或 HTML + CSS 代码;支持 P2P 实时协作与冲突回放。适合前端开发者和独立创作者提升生产力。
花叔开源的AI设计技能huashu-design发布3.0版本,该技能可让agent自动生成网页、PPT、App原型、信息图等设计。3.0主要改进:先出六个候选再挑三个成稿;现实参照改为同媒介并先截图;风格库从60种扩到84种(新增中文与东亚风格);App原型采用有构图的展示板;新增本机记录系统(经验、外观账本、设计体检)实现越用越懂用户;坚持事实核实。作者分享了三轮迭代的过程,核心教训是:对agent应加选项而非禁令,禁令会让设计变得保守无聊,提供更多可见样例反而能激发更好的设计。
文章探索用 AI 生成高质量界面设计的边界,介绍让 Agent 做界面设计的方法:先按品类和品牌推出设计方向,生成多套可对比的方案,再通过实际截图进行迭代,避免直接套用模型的默认审美模板。作者还开源了 oil-ui 项目,展示如何把 AI 的 UI 设计能力推到极限。
文章介绍 Vercel 如何用 design.md 文件、CSS 样式表和评测闭环,解决 AI Agent 生成页面总「差一点」、需要反复人工修整的问题。核心方法是把工作拆成三层:design.md 写设计判断(读者、信息层级、拒绝的套路),CSS 承接字号、间距、表格等机械性版式约束且不占模型上下文,评测闭环把每次返工转化为可复查的规则。作者强调规则要从模糊感觉翻译成可观察动作,如「别丑」改为「表格全宽」。测试显示公开场景下机械故障从 91 次降到 39 次,约少 57%。建议从一类高频产物入手,把高频修改沉淀为规则,逐步减少返工。
文章探讨 AI 做设计时“形似神不似”的问题,指出症结在于设计背后的“为什么”没有被写进 AI 可读的上下文。作者拆解了多家硅谷大厂的实践:Vercel 通过 200 多轮评估循环筛选规则,用 design.md 使视觉错误减少 57%;Google 开源了 Stitch 的 DESIGN.md 规范;Atlassian 实测发现 DESIGN.md 适合原型和定制场景,生产环境用 MCP 更省更准;Anthropic 的 Claude Design 则反向从代码库自动提取设计系统。社区还把 60+ 大厂风格反向工程成 design.md。文章认为设计系统正被 AI 重写,并给出五条落地建议。
文章介绍 Kimi K3 的 Agent Swarm 功能:编排器无需预定义角色,即可动态拆分任务并并行调度约 300 个子代理、协调约 4000 个步骤。作者将其结果整合机制称为"上下文图"(context graph),强调系统通过强化学习训练拆分判断能力,而非硬编码规则。适合宽而重复的任务(如多源信息收集、批量比对),不适合单一深度任务,且成本较高。
作者分享了在 AI 代理时代设计复杂功能的方法论,核心目标是避免代理生成低质量设计(slop)。流程分六步:1)深入研究产品与技术约束,建立心智地图;2)给代理下达计划后让其自主实现,再追踪其实现轨迹;3)让代理输出所有状态的截图进行全局审查,标记小问题;4)聚焦关键界面(crux surfaces),亲手用 Figma 或原型精雕细琢;5)走出个人孤岛,借助团队通过 #design-adjustments 频道反馈优化;6)上线后持续学习,接受用户的意外发现。作者强调效率提升的同时需要团队协作来弥补个人品味局限。
作者整理了 20 种与动画、物理、3D、声音及交付相关的开源技能与工具库,涵盖 Remotion、HyperFrames、Anime.js、React Spring、PixiJS、p5.js、Paper.js、Matter.js、Three.js、Rapier、OGL、tsParticles、glTF Transform、GL Transitions、OBS Studio、Chatterbox、Tone.js、faster-whisper、OpenCut 和 FFmpeg。每个工具附有简介和 GitHub 链接,覆盖从视频渲染、动画编排、图形绘制到配音、字幕转录和视频编码交付的完整创作流程。