设计师专用的 AI Agent Skills 库开源
MengTo 开源了一个名为 Skills 的项目,包含 75+ 个专为设计师和前端开发者准备的 Agent Skills。这些 Markdown 格式的操作手册可加载到 Codex、Claude、Cursor 等 AI 工具中,将优秀工作流和规范固化,使 AI Agent 能按最佳实践完成设计任务,输出更稳定专业。
MengTo 开源了一个名为 Skills 的项目,包含 75+ 个专为设计师和前端开发者准备的 Agent Skills。这些 Markdown 格式的操作手册可加载到 Codex、Claude、Cursor 等 AI 工具中,将优秀工作流和规范固化,使 AI Agent 能按最佳实践完成设计任务,输出更稳定专业。
文章宣布正式开源 AI 工具 html-anything。该工具历时 3 天开发,包含 1.5 万行代码,旨在解决 AI Agent 输出 HTML 设计差的问题。它内置 75 套技能模板,支持 18 种主流代码 Agent CLI(如 Claude Code、Cursor 等)的自动探测与会话复用,实现零 API Key 成本。同时支持 Markdown、数据及图像等 11 种文件格式转换,并可一键发布至社交媒体或导出高 DPI 图片。
作者介绍了开源项目 AI Design Skills,目前提供 landing-page-design 技能,适用于 Claude Code、Cursor、Codex 等可读取规则文件的 AI 编程工具。它不是现成模板,而是一套从内容到视觉的制作规则:先明确产品定位与用户目标,再组织页面结构;统一字体、间距、配色和动效等视觉系统;并补齐按钮悬停、加载、空页面、报错、表单校验、移动端适配和无障碍等交付细节,避免 AI 生成千篇一律的默认样式。评论区还交流了表单校验保留已填内容等实用经验。
花叔开源的AI设计技能huashu-design发布3.0版本,该技能可让agent自动生成网页、PPT、App原型、信息图等设计。3.0主要改进:先出六个候选再挑三个成稿;现实参照改为同媒介并先截图;风格库从60种扩到84种(新增中文与东亚风格);App原型采用有构图的展示板;新增本机记录系统(经验、外观账本、设计体检)实现越用越懂用户;坚持事实核实。作者分享了三轮迭代的过程,核心教训是:对agent应加选项而非禁令,禁令会让设计变得保守无聊,提供更多可见样例反而能激发更好的设计。
作者公开了使用 Claude Opus 5.5 制作 AI 资讯类视频的完整工作流程:包括从 X 和 Hacker News 选题、准备 Agent 所需工具(Gemini API 写脚本与 TTS 配音、Suno 背景音乐等)、编写初始提示词模版、让 Gemini 写脚本并由 Claude Code 派子 agent 进行对抗式审查,以及反复迭代修改脚本与视频。作者还开源了包含 18 套风格的 creator-style-kit 风格 skill,并指出选题是内容成败的关键,常见问题是画面信息密度过高和配音契合度问题。
作者分享了一套不依赖云端账号的本地 AI 工作流架构,核心思路是把规则、技能、日记等真正有价值的资产沉淀在本地硬盘,而非网页端/App 的记忆功能中。整套体系分为四层:工具层(Claude Code、Codex、Cursor 作为入口)、模型层(可随时更换)、架构层(本地文件结构)、处理层(按本地规则和技能处理任务)。作者通过全局规则文件(CLAUDE.md)、本地 skills 目录、按日短记忆 + 长期偏好文件、AI 日记四层文件体系,实现了账号封禁后快速恢复工作的能力,并提出新人可先从三步最小方案入手搭建。
作者开发了一个 Claude Skill,用于解决 AI 生成应用界面千篇一律、缺乏个性的问题(如相同的卡片、渐变和模板化布局)。该 Skill 强迫 Claude 采用不同思路:先确立真实视觉概念,探索 3 个设计方向,选定一致的设计语言,按 iPhone 尺寸渲染界面,扫描明显的 AI slop 模式,最后进行批评与迭代优化。作者免费发放该 Skill,用户需转发并评论 'stop slop' 即可获取。其核心理念是:当所有人都在做 AI slop 应用时,你的产品必须与众不同才能成功。
作者用 Claude 制作 3D 历史纪录短片,通过将制作经验封装成开源 skill(code-doc-film),把《郑和下西洋》片子的制作时间从 116 分钟压缩到 55 分钟,只需两句指令。skill 本质是一个包含说明文档和脚本的文件夹,核心是一张「翻车表」:记录镜头钻山、音画不同步、史实错误、渲染纯色等 7 类踩坑问题及自动化校验方案。文章同时坦承 skill 的局限:人物建模粗糙、未做过的题材仍慢、事实核对只保证有出处不保证正确。
作者因 Claude 账号被封,无法使用 Opus 5.5 的代码动画玩法,于是尝试用 Codex 复现该路线:将参考视频交给 Codex 分析画法、编写剧本、拆分镜,最终用 p5.js 和 Canvas 生成动画并导出带中文旁白、配乐的 MP4。作者还将做法整理成开源 Skill(wtt-code-animation-studio),支持剧本编写、十种画风推荐与选择、配音、渲染导出等全流程,并验证了同一角色在扁平、沙画、粒子等画法下的多种组合,以及随机三种风格混合的新故事测试片。
作者分享在开发 APP 时使用的 Apple Design Skill,它将 Apple WWDC 设计分享中的界面与动效原则整理成 AI 指导,帮助改善界面层级、反馈和整体连贯性,效果接近苹果原生 App 风格。该 Skill 来自 Linear 设计师 Emil Kowalski 开源的 AI Agent Skills 项目(GitHub Star 近 4w),还包括设计工程总则、动画制作与审查、原型方案生成、移动端网页优化、Swift 编写、UI 组件库选择等多个实用 Skill,适合前端与设计开发场景使用。
文章探讨了高级 AI Skill 的本质:不是把更多指令塞进一份文件,而是把多个单点能力按任务关系编排组合。作者通过分析 GitHub 上多个热门 Skill 仓库,总结出五种组合模式:路由(判断调用哪个 Skill)、顺序(强制工作流程)、选择(按需分诊组合)、流水线(专业能力交接)和分层(Skill 与系统能力分工)。文章提出组合 Skill 的五个核心零件:路由、输入输出契约、顺序与并行、上下文状态、验证反馈,并建议从真实返工中逐步长出组合关系。核心观点:Prompt 让 AI 听懂一次需求,Skill 固化一类做法,而组合 Skill 才能把复杂任务交付出来。
作者分享了一个高质量的 GPT-Image-2 提示词合集仓库。该仓库将 540+ 张图片拆解为可复用的结构化提示词,从主体、光线、材质、排版等维度分开编写,并为 Agent 提供了 Skill 支持。内容覆盖 UI、海报、电商、摄影、信息图、国风等 20+ 套工业级模板,网页支持预览大图和一键复制完整提示词。采用 Prompt as Code 理念,既方便人类使用,也适配 Claude、Cursor 等 AI 工具。