AI 写落地页总是一股 AI 味？原则、Skill、组件库三步搞定
本文探讨了如何解决 AI 生成落地页缺乏设计感和转化率的问题。作者提出了三步走的策略：首先掌握高转化落地页的结构原则，利用 Pinterest 等网站提升审美；其次通过安装 taste-skill 和动效 Skill 提升 AI 的设计水平；最后利用模板和组件库，通过“喂”参考图或源码让 AI 高质量复刻。文章强调通过提供结构、设计规范和组件库，让 AI 从“能用”进阶到“能转化”。
相关文档
这设计真的长在了审美上：AI Design Skills 与 Fantastic Posters 开源项目推荐
作者推荐了两个开源 AI 设计 Skill：一是 AI Design Skills 中的 landing-page-design，为 Claude Code、Cursor、Codex 等编程工具提供从内容规划到视觉系统的落地页制作规则，包括卖点组织、统一字体配色、按钮悬停、空页面、移动端和无障碍支持等交付细节；二是 Fantastic Posters，内置 33 种设计风格提示词（如瑞士极简、包豪斯、Riso 印刷等），支持自动选风格、上传参考图和 Logo、批量生成海报。作者强调把设计风格沉淀为可反复调用的 AI 工作流，比一次性提示词更有价值，并能解决风格不稳定的问题。
Codex 终于有自己的 UIUX 设计外挂了
文章介绍了 Codex 的 UI/UX 设计增强工具 UI UX Pro Max，包含 192 条行业设计规则、79 种 UI 风格、192 套配色方案、74 种字体组合，并支持 React、Next.js、Vue、Flutter 等 22 种技术栈。作者演示了如何通过一段提示词在 Codex 中安装配置该 Skill，并用其生成高端 AI SaaS 官网，解决了以往 AI 生成页面廉价感强、配色布局千篇一律的问题。评论区也讨论了 Skill 作为能力封装新形态的意义与实际效果。
全网安装量前 3 的神级 Skill，竟然只有几句话？！
本文介绍了名为 grill-me 的热门 Skill，该技能通过反复追问用户需求细节，辅助 AI 编程。文章展示了其实战效果，解析了其背后的设计逻辑和决策树原理，并探讨了其在提升开发效率和逻辑思维方面的价值。
设计师专用的 AI Agent Skills 库开源
MengTo 开源了一个名为 Skills 的项目，包含 75+ 个专为设计师和前端开发者准备的 Agent Skills。这些 Markdown 格式的操作手册可加载到 Codex、Claude、Cursor 等 AI 工具中，将优秀工作流和规范固化，使 AI Agent 能按最佳实践完成设计任务，输出更稳定专业。
装了这个 Skill 之后，Claude Code 写出来的前端页面终于不像程序员审美了
文章介绍了一个名为 UI UX Pro Max 的项目，它通过为 AI 编程助手内置包含 161 条行业规则、67 种风格和 161 套配色的大型设计推理引擎，解决了 AI 写前端代码“功能强但审美差”的痛点。安装该 Skill 后，AI 能根据产品类型自动匹配专业的设计系统、风格、字体及色彩方案，并自动进行反模式检查，支持 React、Vue、SwiftUI 等 13 种技术栈。
画过10,000+张 UI 高保真，我的设计审美心得（1）：8 条原则 + 5 个常用 AI 设计 Skill
作者基于 10 年 UI/UX 设计经验，结合 AI 工具实践，总结出一套设计审美方法论。文章实测了 5 个 GitHub 上星数最多的 AI 设计 Skill：UI UX Pro Max（自动匹配行业风格）、Taste Skill（原创设计方向）、Impeccable（逐块打磨去 AI 味）、Emil Kowalski Skills（动效细节）、Hallmark（上线前检查），并配以场景演示。作者还分享了 8 条可复用的设计原则，包括先定义再动手、拆解好设计不照搬、先出全貌再逐块改、统一视觉规则等，强调工具在变但好的设计判断力依然无法被 AI 替代。
分享6个新提示语去掉DeepSeek新模型和codex的AI味
作者分享了6个提示语技巧，用于消除DeepSeek和Codex生成代码动画/UI时的AI味。包括：删除重复无信息的文案、去掉多余的装饰框和阴影、为颜色分配固定用途、统一字号和图标对齐、一屏只讲一件事、优化动效使其服务于叙事和反馈。文中每个技巧都配有具体可用的提示语。作者还预告了正在开发的大剪辑Skill，能用DeepSeek剪出十分钟真人口播视频。
三套让 AI 开发 iOS App 更专业的 Skill 推荐
作者被“逆向任何 iOS 应用”的夸张标题吸引，点进去后发现是三套给 AI 使用的 Skill。文章推荐了 Appllama Skills（让 AI 先研究畅销 App 的界面设计再照做）、Expo 官方 Skills（涵盖路由、原生 UI、打包上架的最佳实践）以及 Emil Kowalski 的 Skills（5 万星项目，专治 AI 动画与细节没品味的问题）。作者认为虽然标题夸张，但内容对做 App 开发的人很有价值，值得安装尝试。
让卡片设计一下子高级起来的线条动效提示词附上直接复刻
作者参考 ElevenLabs 官网安全模块，分享了一组让卡片设计显得高级的线条动效方案，并提供完整提示词可直接复刻。设计关键在于：只用黑色细线，实线画本体、圆点虚线画辅助线营造手作感；三个图形不按同一框绘制，通过大小调整达到视觉平衡；每个图标有各自的结构演示动画（球体旋转、薄板错开归齐、螺旋重长）。文中详细说明了入场画线、悬停交互、防打断处理等细节，并给出单文件 HTML 的完整实现提示词，可交由 Claude 或 ChatGPT 生成，适用于官网功能介绍、定价页、课程流程等场景。
Vibe Coders Are Getting Sued: 每次上线前的安全检查清单
文章以南非一家咖啡连锁店用 Claude 构建的内部仪表盘泄露 132 个门店敏感数据为例，说明 AI vibe coding 应用普遍存在的安全隐患：有登录界面但缺乏后端权限控制。作者指出 WIRED 报道发现超过 5000 个 vibe coded 应用几乎无安全措施。作为运营五家 AI 业务、两家面向真实用户发货的创始人，作者分享了一份上线前安全检查清单，并升级为一键粘贴到 Claude Code 或 Cursor 的提示词，让 AI 自动执行六步检查：法律合规（隐私政策、数据位置、GPL 许可）、数据库安全（行级权限 RLS、服务端验证）、登录流程测试、安全审计（OWASP、密钥泄露）、滥用与成本控制（限流、机器人防护）、扫描器修复，最后输出通过或需修复的结论。
Anatomy × OpenMAIC：让原理动起来，也让知识讲明白
文章介绍了如何搭配使用 Anatomy 和 OpenMAIC 两个开源项目的教学 Skill 来制作交互式教学演示。Anatomy 擅长制作可交互的等距结构插画（SVG/HTML），OpenMAIC 是多智能体互动课堂项目，提供 23 项教学 Skill。作者以电磁继电器控制风扇为例，给出四套提示词模板：课堂讲解（先预测再演示）、复习自测（费曼学习法）、科普讲解（配合事实核查）、口播配图（无声拆解视频），并按用途整理了课程规划、教学方法、授课形式等 Skill 分类表，建议从一个能打开的简单演示开始逐步上手。
用 Claude Code + DeepSeek 1017 低成本制作 Remotion 视频
作者分享使用 Claude Code 配合 DeepSeek Flash 1017 模型制作两个 Remotion 视频的经历，总成本不到 3 元。一个视频作为个人介绍页的开屏动画，另一个是 52 秒的 Media Kit 视频。作者基本只负责描述想法，通过开启 xhigh 思考模式、配置 workflow 并挂载 remotion-best-practices skill，模型即可直接实现效果。文章还介绍了该 skill 的路由机制：平时只占一句描述的上下文，需要时才按需读取转场、字幕、音效等子文档。作者提到之前担心的缓存命中问题已不存在，命中率超过 98%。
