Claude Design 系统提示词（中文版）
这是一份 Claude 的设计系统提示词，旨在指导用户通过协作的方式，利用 HTML 创建经过深思熟虑、工程化良好的设计交付物。文档详细规定了工作流程、输出规范（如文件命名、代码拆分、版本控制）、技术限制（React/Babel 版本、样式对象命名）以及设计方法论（探索现有资源、提供多选项变体）。此外，还涵盖了文件跨项目访问、上下文管理、提问技巧等操作指南。
相关文档
17个Hermes Agent提示词：在你睡觉时运行的高效自动化工作流
本文介绍了如何通过17个具体的Prompt配置，将Nous Research的开源Agent框架Hermes转化为强大的“夜间劳动力”。文章强调了Hermes作为持久化、可调度Agent的核心理念，即通过后台守护进程接管重复性工作（如通知摘要、代码审查、竞品监控、Inbox分流等），从而在用户离线时自动完成任务。作者分享了实战中的具体Prompt案例及其解决的实际痛点，并提供了关于模型选择、服务器配置及持久化运行的关键建议。
如何构建 Claude 自动化工作流
文章探讨了如何利用 Claude 将重复性手动工作转化为自动化工作流。与传统的问答式聊天不同，工作流包含角色、工具、触发器和输出四个要素，能够按计划自动执行任务。文章详细列举了针对内容创作者、自由职业者和分析师的具体工作流案例，如趋势监控、报告生成和邮件跟进，并提供了构建工作流的具体步骤，指导读者在 30 分钟内部署第一个自动化流程。
正式开源 html-anything：让 AI Agent 输出世界级设计水准的 HTML
文章宣布正式开源 AI 工具 html-anything。该工具历时 3 天开发，包含 1.5 万行代码，旨在解决 AI Agent 输出 HTML 设计差的问题。它内置 75 套技能模板，支持 18 种主流代码 Agent CLI（如 Claude Code、Cursor 等）的自动探测与会话复用，实现零 API Key 成本。同时支持 Markdown、数据及图像等 11 种文件格式转换，并可一键发布至社交媒体或导出高 DPI 图片。
DESIGN.md：网页设计的极致工作流升级
文章介绍了一种通过创建 DESIGN.md 文件来规范 AI 辅助网页设计工作流的方法。作者指出，直接使用 AI 生成不同页面（如定价页、着陆页）时，往往会导致风格不统一。解决方法是将字体、配色、动画时间轴、布局规则等提取到 DESIGN.md 中，并将其作为上下文提供给 Claude Design。这样生成的所有页面都能保持一致的视觉风格（如 Liquid Glass 风格），从而实现从“逐个提示”到“系统化构建整个站点”的效率飞跃。
我逆向了Claude Design！免费开源！设计逻辑全公开
作者分享了其开源项目「huashu-design」，这是一个基于Claude的Agent设计技能。文章探讨了Agent-first与GUI-first设计理念的差异，详细介绍了huashu-design在品牌资产协议、自动生成PPT和iOS原型方面的功能，以及它与Claude Design的功能对比和使用限制。
OpenPencil：全球首款 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 实时协作与冲突回放。适合前端开发者和独立创作者提升生产力。
huashu-design 3.0发布！让你的设计审美再提升100%！
花叔开源的AI设计技能huashu-design发布3.0版本，该技能可让agent自动生成网页、PPT、App原型、信息图等设计。3.0主要改进：先出六个候选再挑三个成稿；现实参照改为同媒介并先截图；风格库从60种扩到84种（新增中文与东亚风格）；App原型采用有构图的展示板；新增本机记录系统（经验、外观账本、设计体检）实现越用越懂用户；坚持事实核实。作者分享了三轮迭代的过程，核心教训是：对agent应加选项而非禁令，禁令会让设计变得保守无聊，提供更多可见样例反而能激发更好的设计。
从一个 Bot 到一整个组织，Grok Bot 的进阶用法分享
作者分享了国庆期间折腾 Grok Bot 的进阶用法，搭建了两套 AI 组织体系：一套服务跨境电商的 12 岗位亚马逊团队，一套服务个人自媒体 IP。核心玩法包括：将本地电脑托管给云 Bot，把在 Claude、Codex 中打磨好的 Skill 迁移给 AI 员工；按功能拆分岗位并写清职责边界；用 1+N 统筹机器人模式降低 Token 消耗；让 Grok 调用 Codex、Cursor 等外部 Agent 实现模型分层；接入飞书 CLI 落成云文档，以及通过 GBrain 知识库打通手机资料收集与工作流。文中还强调了岗位权限边界与人工把关的重要性。
Building a 'Daily Focus' AI Skill with Obsidian
作者介绍如何将 Obsidian 笔记库作为 AI 代理的上下文来源，构建一个名为 /todays-focus 的每日专注技能。文章指出工作工具（如 Linear、Gmail、Slack、日历）只能告诉 AI 发生了什么，而个人笔记库能补充'什么对自己最重要'的背景。作者展示了四个步骤：连接工作工具、授权代理读取 Obsidian 库、创建原则（Principles）文档、创建'心头事'（Top of Mind）文档。该技能每天早晨生成三个焦点领域、反思检查和三个日记问题，成为一种有用的每日仪式，也是检验笔记库组织是否利于代理理解的方法。
The Complete Guide to AI PM OS
文章介绍了 AI PM OS——一套面向产品经理的 Agent Skill 体系。作者强调：与其信任模型凭提示词自由发挥，不如为 Agent 配备结构化技能，确保输出质量稳定。核心方法论是'监督比你更聪明的人'：通过间接提示让 Agent 自己复述问题、避免被先入为主的假设带偏，并用 /first-principles、/mckinsey-issue-tree、/causal-tree、/jtbd-forces 等技能栈按'定义问题、选择赌注、理解用户、定义成功、塑造构建、写作、推动组织'分阶段组织工作。同时利用记忆和历史会话，让 Agent 继承过往决策背景，提升产品判断力。
当语言说不清审美，我给 Agent 搭了一套“视觉记忆系统”
作者作为设计师，探索让 Agent 理解个人审美偏好的方法。通过让 Agent 读取 Eagle 素材库，将收藏整理成可复用的“偏好证据”并生成个人审美档案。测试对比 Codex、Hermes、WorkBuddy 的 PPT 视觉提案，发现参考图比抽象形容词更能传递审美，但 Agent 能否学习取决于其识别与迁移规律的能力。针对海量素材检索问题，作者本地部署 SigLIP2 建立视觉索引，充当“视觉图书管理员”帮助 Agent 找图，最终形成收集、索引、检索、分析、确认、存档、反馈的完整流程，并封装为个人 Skill。
Building a design system for coding agents
文章介绍为编码 Agent 构建设计系统的实践：由于仓库中存在多个版本的相同控件，Agent 会复制混乱并放大问题。作者正在开发 design.how，提供可安装、可直接交给 Agent 使用的设计系统与六个免费 Skill：build-design-system 从现有应用构建语义 token、规范组件与校验规则；migrate-design-system 用多 Agent 协作迁移全应用并设置预算；token-mapping 按用途映射设计值；component-docs 生成组件文档；design-review 检查截图无法覆盖的交互状态。每个 Skill 附带 TESTS.md 与适配提示，可替换为团队自定义规则。