标签： Agent Skills

Open Design：开源版 Claude Design，把你的编码智能体变成设计引擎
⭐ 79.6K Stars · Apache-2.0 · TypeScript · 本地优先桌面应用

项目简介

Open Design 是 Anthropic Claude Design 的开源替代方案——一个本地优先（local-first）的桌面应用，让你的 Claude Code / Codex / Cursor / Gemini 等编码智能体直接化身”设计引擎”，生成网页、桌面、移动端原型、实时仪表盘、演示文稿、图片与视频，并导出为 HTML / PDF / PPTX / MP4 真实文件。

安装要求与过程

环境要求
- 桌面应用：macOS（Apple Silicon / Intel x64）、Windows（x64）、Linux（AppImage）——无需 Node / pnpm / 克隆仓库。
- 自托管：Docker + Docker Compose；源码运行需 Node 24、pnpm 10.33.x。
- 编码智能体：Claude Code、Codex、Cursor、Copilot、OpenClaw、Gemini、Hermes、Kimi、Trae、OpenCode 等 25+ 本地 CLI，或任意 OpenAI 兼容端点（BYOK）。
快速安装
1. 下载桌面应用（推荐，零配置）：前往官网或 GitHub Releases 下载对应平台安装包；安装后自动检测 PATH 上的编码智能体，加载 100+ 功能技能、渲染模板目录与 151 套设计系统。
2. 装进编码智能体（无界面）：od mcp install <agent>（<agent> = claude | codex | cursor | copilot | gemini | hermes | kimi | trae | opencode …）；或用托管脚本 curl -fsSL https://open-design.ai/install.sh | sh -s <agent>。
3. Docker 自托管：
```
git clone https://github.com/nexu-io/open-design.git
cd open-design/deploy
cp .env.example .env
echo "OD_API_TOKEN=$(openssl rand -hex 32)" >> .env
docker compose up -d
# 打开 http://localhost:7456
```
4. 源码运行：
```
git clone https://github.com/nexu-io/open-design.git
cd open-design
corepack enable && pnpm install
pnpm tools-dev run web
```
核心功能
1. 智能体原生、模型无关：不绑定任何厂商 Agent，你 PATH 上已有的 claude / codex / cursor / copilot / hermes / kimi 就是设计引擎，一键切换；一条 od mcp install <agent> 把 MCP 服务器接入 25+ 编码智能体。
2. 品牌级 DESIGN.md 设计系统：每一帧渲染都读取当前包的 DESIGN.md 作为品牌契约；仓库内置 151 套品牌级设计系统（Claude、Stripe、Figma、Apple、NVIDIA…），丢进文件夹即被识别。
3. 多形态产物，单一项目：Studio 支持原型（web / desktop / mobile 单页）、实时仪表盘 / artifact、演示文稿（deck）、图片、视频与 HyperFrames 动态图形，统一导出 HTML / PDF / PPTX / MP4。
4. 四层可组合：插件（可运行工作流）+ 功能技能（Agent 行为）+ 设计模板（渲染蓝图）+ 设计系统（品牌），全部用可移植、可版本化的目录，任何人都能创作与发布；官方 277 个插件 + 183 个可复用示例。
5. 本地优先 + BYOK 隐私：原生桌面应用（macOS / Windows）+ Docker + Vercel；所有数据在你本机、团队服务器或部署项目里运行，BYOK 代理具备 SSRF 防护，沙箱 iframe 预览。
典型使用场景
- 一句话生成落地页：在入口视图输入 brief，智能体结合 saas-landing 模板与 Linear 设计系统，流式生成带 hero / 特性 / 定价 / CTA 的可运行着陆页，直接导出 HTML 部署。
- 实时数据仪表盘：用 dashboard 模板生成带侧边栏的管理 / 分析看板，作为 live artifact 实时刷新，而非静态截图。
- 品牌统一的演示文稿：用 guizang-ppt / html-ppt 模板生成杂志风 Web PPT；或把现有 git 仓库 + DESIGN.md 交给智能体，自动把真实组件重构到品牌规范（含 Figma / Pencil → React / Next / Vue 迁移插件）。
推荐理由

作为天天和编码智能体打交道的人，最打动我的是它把”设计”从闭源付费的云端玩具，变成了你笔记本上的文件系统——你的 CLI 是引擎，笔记本是工作室，团队的 DESIGN.md 是品牌契约。相比 Claude Design 的封闭锁定，Open Design 的 agent-native + 模型无关 + Apache-2.0，让我可以随意换模型、自托管、调用 151 套现成设计系统，还能用 277 个插件把 Figma 工作流迁到 React。对想把”vibe coding”从代码延伸到 UI / 海报 / 演示的人来说，这是目前最完整、最开放的一个选择。

下载地址
- 官网：https://open-design.ai
- GitHub 仓库：https://github.com/nexu-io/open-design
- 下载 / Releases：https://github.com/nexu-io/open-design/releases
- Open Design Cloud：https://open-design.ai/cloud/
- Discord 社区：https://discord.gg/mHAjSMV6gz
2026年7月19日
124K Star 的「AI 应用宝库」：awesome-llm-apps，100+ 个拿来即跑的 LLM / RAG 项目
一、项目简介

awesome-llm-apps 是一个收录了 100+ 个端到端测试过、Apache-2.0 协议的开源 AI Agent、Agent Skills 与 RAG 应用的精选仓库——clone、定制、上线，全部免费。它兼容 Claude、Gemini、GPT、DeepSeek、Llama、Qwen 以及各类本地开源模型，是当下 GitHub 上星标增长最快的 LLM 应用模板库之一（124K+ Star）。

二、安装要求和过程

环境要求
- Python 3.8+（多数模板基于 Streamlit / 各厂商官方 SDK）
- 一个 LLM API Key（Claude / Gemini / GPT / DeepSeek / Llama / Qwen 均可，部分模板支持本地模型）
- Git 与可联网环境
快速开始（跑一个 Agent，约 30 秒）
```
git clone https://github.com/Shubhamsaboo/awesome-llm-apps.git
cd awesome-llm-apps/starter_ai_agents/ai_travel_agent
pip install -r requirements.txt
streamlit run travel_agent.py
```
或者，给编码助手装一个 Skill（约 10 秒）
```
npx skills add https://github.com/Shubhamsaboo/awesome-llm-apps/tree/main/agent_skills/project-graveyard
```
模板每周持续更新；项目模型无关，支持 Ollama 等本地推理，方便对比与替换。

三、核心功能
1. 100+ 端到端验证的开源应用：不是 demo 片段，而是每个都能 pip install && run 的完整项目，统一 Apache-2.0，可商用可修改。
2. 15 大场景全覆盖：从单文件 Starter Agent，到多智能体团队、语音 Agent、MCP 工具调用、RAG 检索、记忆、微调、生成式 UI，再到 Autonomous 游戏 Agent。
3. Agent Skills 一键安装：把可复用能力直接装进 Claude Code / Codex / Cursor，每条 Skill 都带真实代码并通过「安全 + 评测」CI 门禁。
4. 模型无关：Claude、Gemini、GPT、DeepSeek、Llama、Qwen 乃至本地模型通吃，方便横向对比。
5. 自带框架速成课：Google ADK、OpenAI Agents SDK 的 Crash Course，边抄边学编排范式。
Project Graveyard —— 帮你复盘每个弃坑副业、并找出最值得捡回来的那个的 Agent Skill

四、典型使用场景
- 30 分钟搭一个 AI 应用：想做旅行助手、数据分析 Agent、博客转播客？直接 clone 对应 starter 模板、改个 API Key 即可运行。
- 给编码助手加能力：团队要一个「Scope Creep Detector（范围蔓延检测）」或「Commit Archaeologist（提交考古）」？npx skills add 一行搞定，立刻在 Claude Code / Cursor 里可用。
- 系统学习 RAG / 多智能体：仓库内含 20+ 个 RAG 教程与多智能体团队模板，即开即用，省去从零搭脚手架。
Always-on HN Briefing Agent —— 按日程巡逻、把每天值得看的 Hacker News 推送到 Slack / 邮箱的后台 Agent

Insurance Claim Live Agent Team —— 基于 Gemini Live 的实时语音理赔 Agent 团队

五、推荐理由

对一个想动手做 AI 应用、又不想从零啃文档的人，这是目前质量最高、最「能跑」的 LLM 应用模板库之一。每个模板都是真实可运行代码，省去脚手架与踩坑成本；模型无关意味着你可以拿自己的 Key 直接试；Agent Skills 的设计尤其实用——把沉淀下来的工程能力变成可复用 Skill，正好契合当下 coding agent 的工作流。

Self-Improving Agent Skills —— 用 Gemini + ADK 让 Skill 针对评测自我重写的进阶玩法

唯一要注意的是：部分模板依赖特定商业模型的 API，跑之前看一眼 requirements.txt 与 README 里的模型说明即可。

六、下载地址
- GitHub：https://github.com/Shubhamsaboo/awesome-llm-apps
- 官网 / 配套教程：https://www.theunwindai.com
- 许可证：Apache-2.0（可商用、可修改）
2026年7月19日
Matt Pocock’s Skills：给真工程师用的 AI 编程 Skill 合集（167K★，MIT）
AI 编程助手很强，但常常「生成很强、理解很弱」——需求没对齐就开干、跑不通就乱试、代码越写越乱。Matt Pocock’s Skills 是 Total TypeScript 作者、TypeScript 圈大佬 Matt Pocock 把自己 .claude 目录里每天在用的工程技能开源出来的合集：不接管你的流程，而是把真实工程纪律封装成一组足够小、可改造、可组合的 Skill。

一、项目简介

Matt Pocock’s Skills 是一套面向「真工程师」的 AI 编程 Agent 技能库（Skills for Real Engineers），源自作者每天都在用的 .claude 配置，用几十个可组合的小技能把需求对齐、TDD、结构化调试、架构治理等工程纪律固化下来，而不是像 GSD/BMAD/Spec-Kit 那样「接管整个开发流程」。

二、安装要求和过程

环境要求
- 任意支持 Agent Skills 标准的编程智能体：Claude Code、Codex、Gemini CLI、Cursor 等（skills.sh 安装器可覆盖 70+ Agent）
- Node.js 环境（用于 npx 一键安装）
- 零运行时依赖：纯 Markdown + Shell 技能，MIT 协议
快速安装
```
# 一行安装（从 skills.sh 拉取并按提示选择技能）
npx skills@latest add mattpocock/skills

# 或在 Claude Code 中使用 plugin marketplace 添加
# 安装后即可用 /ask-matt 跳转开始
```
三、核心功能
1. 小而可组合的设计哲学：每个 Skill 都小到能读懂、能改、能删；不接管流程，把决策权留给人，避免重型框架的“流程自身出 bug 难查”。
2. Grilling 柚问式访谈：动手前先对齐需求（/grill-me、/grill-with-docs 会更新 CONTEXT.md 与 ADR），根治“Agent 没做你想要的事”。
3. TDD + 结构化调试：把红绿重构和诊断纪律封装成可复用技能（/tdd、/diagnose），让代码做出来就能跑。
4. 共享语言与架构治理：通过 CONTEXT.md / ADR 建立团队共享术语，/improve-codebase-architecture 生成可视化 HTML 架构报告。
5. 标准化、跨工具：遵循开放的 Agent Skills 标准，技能按调用方式分为 User-invoked（人工触发）与 Model-invoked（Agent 自动调用），通用于各编程智能体。
四、典型使用场景
- 新功能前需求对齐：用 /grill-me 把模糊想法柚问成清晰需求，再用 /to-issues 拆成工单、/to-prd 产出产品需氛文档，防止 Agent 跑偏。
- 遇到诡异 Bug：不让 Agent 乱试，用 /diagnose 走结构化调试法，逐步定位根因。
- 持续保持代码健康：编码时让 Agent 自动调用 /tdd 保持测试驱动，随时用 /improve-codebase-architecture 给代码层做体检并生成可视化报告。
五、推荐理由

我个人非常吃这套“真工程”路线。现在大量 Agent 框架走的是“接管流程”，一上来就把你的控制权收走，流程本身出了 bug 还难查。mattpocock/skills 反道而行：技能够小、够透明，你能读懂、能改、能删，把理解的过程交还给人和 Agent 之间的对话。对于已经有本地 Skill 体系的团队，它最适合的定位不是“替换”，而是“增强”。尤其推荐给被 Vibe Coding 耗到的同学——它是真正的 Real Engineering 和随便写代码之间的分野。

六、下载地址
- 👉 GitHub 仓库：https://github.com/mattpocock/skills
- 👉 一键安装：npx skills@latest add mattpocock/skills
- 👉 作者周报：AI Hero Skills Newsletter
文章配图来源：项目官方仓库 / Total TypeScript Cloudinary。本文由自动化任务采集整理，转载请注明出处。
2026年7月13日
Superpowers：让 AI 编程智能体「先想清楚再做」的开源方法论
Superpowers 是一套面向 AI 编程智能体（Claude Code、Cursor、Codex、Copilot CLI 等）的开源「方法论 + 技能框架」。它不写业务代码，而是把资深工程师的开发纪律——先脑暴、出设计、写计划，再以测试驱动与代码评审推进——固化成一组「强制触发」的技能（skills），让 Agent 不跳过任何关键步骤。一句话：它给 AI 编程助手外挂了一套工程纪律。

安装要求和过程

环境要求
- 任意支持「插件市场」的 AI 编程客户端：Claude Code、Cursor、Codex App/CLI、GitHub Copilot CLI、Kimi Code、OpenCode 等；
- 无需额外运行时依赖——技能本身是纯 Markdown，零代码、零安装负担；
- 最新版本 v6.1.1（2026-07-03），MIT 协议，可商用。
快速安装

以最常用的 Claude Code 为例，一条命令装好：
```
plugin install superpowers@claude-plugins-official
```
其他宿主的安装入口：
- Cursor：在 Agent 聊天里执行 /add-plugin superpowers；
- Codex CLI：/plugins 搜索 superpowers 安装；
- Copilot CLI：注册市场后 copilot plugin install superpowers@superpowers-marketplace；
- OpenCode：读取并执行 https://raw.githubusercontent.com/obra/superpowers/refs/heads/main/.opencode/INSTALL.md。
装好后，正常对话提需求即可——智能体会自动激活内置技能链，无需你手动调用。

核心功能
- 自动触发的技能库：20+ 技能覆盖测试（TDD 红-绿-重构）、调试（系统化排查、完成前验证）、协作（脑暴、写计划、派发并行 Agent、请求/接收代码评审）等，全部「强制工作流」而非可选建议。
- 「先想后做」工作流：脑暴出规格 → Git worktree 隔离 → 设计文档 → 细粒度实施计划 → 子智能体并行开发 → TDD → 代码评审 → 收尾分支，每一步都有验证门禁。
- 跨宿主通用：一套技能同时兼容 Claude Code、Cursor、Codex、Copilot CLI、Kimi Code、OpenCode 等，换工具不丢方法论。
- 子智能体驱动开发（Subagent-driven Development）：把任务拆给并行子 Agent，主 Agent 只做编排与评审，效率和质量双升。
- 可扩展元技能：writing-skills 让你把自己的工作流封装成新技能，using-superpowers 教 Agent 怎么用这套框架——团队规范可沉淀复用。
典型使用场景
- 从一句话需求到可运行功能：让 Agent 先脑暴出规格文档、确认后再生成计划，最后自主开发并自测，避免「上来就写代码」导致的返工灾难。
- 大型功能并行开发：用 worktree 隔离 + 派发多个子 Agent 同时推进不同模块，主 Agent 汇总与评审，单人也能扛起一个小组的吞吐。
- 团队统一研发规范：把团队最佳实践写成技能，所有人（和人）用同一套流程，新人也能稳定产出老手质量的代码。
推荐理由

用过一堆「vibe coding」工具后，我的结论很朴素：最大的问题不是模型不够聪明，而是 Agent 没有纪律——直接上手写、不写测试、不评审。Superpowers 把「工程纪律」外挂给 Agent，强制它先脑暴、再计划、再 TDD，质量肉眼可见地提升。它不替你做判断，只是不让 Agent 跳过关键步骤。25 万+ star、今天还挂在 GitHub 热榜第一，MIT 协议，值得每个用 AI 写代码的人装一下。

下载地址
- GitHub：https://github.com/obra/superpowers
- 官方市场 / 安装说明：见仓库 README（含各宿主插件市场入口）
2026年7月12日
addyosmani/agent-skills：给 AI 编程助手装上 24 套「资深工程师技能」的开源技能库（76.9K⭐）
agent-skills 是 Google Chrome 团队工程师 Addy Osmani 维护的一套「生产级工程技能库」——把资深工程师在定义、规划、构建、验证、评审、发布软件时遵循的工作流、质量门禁与最佳实践，封装成 AI 编程 Agent 可以直接调用的结构化技能（Skills）。目前 76.9K Stars、MIT 许可，是当下 GitHub 上最热门的 AI 工程实践项目之一。

一、安装要求和过程

环境要求：
- 任意支持 Skills / 系统提示 / 指令文件的 AI 编程客户端（Claude Code、Cursor、Codex、Copilot、Cline、Gemini CLI、Windsurf、Kiro、OpenCode 等 70+ 款）；
- 一键安装需 Node.js（提供 npx skills 命令）；
- 本地克隆方式需 Git。
快速安装：

方式一：skills CLI 一行装全部（推荐，覆盖 70+ Agent）
```
npx skills add addyosmani/agent-skills            # 安装全部 24 套技能
npx skills add addyosmani/agent-skills --list     # 安装前先浏览
npx skills add addyosmani/agent-skills --skill test-driven-development  # 只装单个技能
```
方式二：Claude Code 原生插件市场
```
/plugin marketplace add addyosmani/agent-skills
/plugin install agent-skills@addy-agent-skills
```
方式三：本地克隆后挂载
```
git clone https://github.com/addyosmani/agent-skills.git
claude --plugin-dir /path/to/agent-skills
```
二、核心功能
- 8 条贯穿开发生命周期的斜杠命令：/spec（定规格）、/plan（拆任务）、/build（增量实现）、/test（验证）、/review（评审）、/webperf（性能）、/code-simplify（简化）、/ship（发布），每条命令自动激活对应技能。
- 24 套覆盖全流程的工程技能：从 interview-me（需求澄清）、spec-driven-development（写 PRD），到 test-driven-development、code-review-and-quality（五轴评审）、security-and-hardening（OWASP 防护）、shipping-and-launch（上线清单）。
- 技能即结构化工作流：每个 Skill 都带步骤、验证门禁（verification gates）和「反合理化」对照表，让 Agent 跨任务稳定遵守同一套标准，而不是凭心情发挥。
- 上下文自动触发：设计 API 自动触发 api-and-interface-design，写 UI 自动触发 frontend-ui-engineering，无需手动指定。
- /build auto 半自治模式：审批一次计划后，Agent 自动逐任务实现、测试驱动、单独提交，遇出错或高风险步骤自动暂停。
三、典型使用场景
1. 新功能从 0 到上线：用 /spec 先写规格、/plan 拆任务、/build 增量实现、/test 验证、/review 评审、/ship 发布——把「想到哪写到哪」变成可重复的流水线。
2. 代码评审质量门禁：合并前调用 code-review-and-quality 做五轴评审（可读性 / 正确性 / 复杂度 / 测试 / 安全），以「Staff Engineer 会不会 merge」为标准，避免 AI 生成的 PR 带病合并。
3. 安全敏感改动：涉及用户输入、鉴权、外部集成时触发 security-and-hardening，按 OWASP Top 10 检查、管理密钥、审计依赖，降低生产事故概率。
四、推荐理由

我自己的使用感受：这套技能库最打动人的地方，是它把「资深工程师的肌肉记忆」显式化了。平时让 AI 写代码，最容易翻车的是「需求没问清就开干」「改完不写测试」「PR 质量没把关」。agent-skills 用 /spec → /test → /review 把这些容易偷懒的环节变成默认流程，相当于给 Agent 配了个不会疲倦的 Tech Lead。它是纯 Markdown、零运行时依赖，装到任何 Agent 里都不增加包袱，值得每个用 AI 写代码的人试一试。

五、下载地址
- GitHub 仓库：https://github.com/addyosmani/agent-skills
- 作者博客 / 封面图出处：https://addyosmani.com
- skills CLI（一键安装器）：https://github.com/vercel-labs/skills
2026年7月11日