工具集

引导 agent 在新建或改版界面时先确定视觉方向，在配色、字体与布局上做有取舍的选择，避免千篇一律的模板化 AI 界面。Anthropic 官方技能。

通过 CDP 直接控制本机 Chrome，完成导航、点击、输入、截图与数据抓取，可复用已登录会话。browser-use 官方技能，需要先用 uv 安装 browser-use 命令行。

安全公司 Trail of Bits 出品的技能合集，40 多个插件覆盖代码审计、CodeQL/Semgrep 静态分析、差异评审、智能合约与密码学审计、模糊测试等，也可作为 Claude Code / Codex 插件市场安装。

强制 agent 按红-绿-重构推进：先写测试并亲眼看它失败，再写最少的实现让它通过，未经失败验证就写出的代码一律删掉重来。出自 Superpowers 工作流。

排查疑难缺陷与性能回退的纪律化流程：先构建能稳定复现的反馈回路，再复现与最小化、提出假设、插桩验证，最后修复并补回归测试，输出中要求脱敏密钥。Matt Pocock 出品。

先提炼一套设计理念，再用代码绘制海报、插画等静态视觉作品，输出 PNG 或 PDF，强调原创、不照搬已有艺术家作品。Anthropic 官方技能。

用 p5.js 与种子随机数创作生成艺术（流场、粒子系统等）：先写算法美学理念，再输出可交互调参的 HTML 查看器。Anthropic 官方技能。

内置 10 套配色与字体主题，可套用到幻灯片、文档、报告和 HTML 落地页等产出物，也能按需求即时生成新主题。Anthropic 官方技能。

按 Slack 表情（建议 128×128）与消息动图（480×480）的尺寸、帧率、色数和时长建议制作 GIF，提供动画构思要点、GIF 组装与校验工具，基于 Python 与 Pillow。Anthropic 官方技能。

用 Python Playwright 脚本驱动本地 Web 应用做功能验证、界面调试、截图与浏览器日志查看，自带管理开发服务器启停的辅助脚本。Anthropic 官方技能。

YC 总裁 Garry Tan 的技能套装，用 /office-hours、/plan-ceo-review、/review、/qa、/ship 等斜杠命令扮演 CEO、工程经理、设计师、QA 与发布工程师。需要 Git 与 Bun，按 README 克隆仓库后运行 ./setup 构建安装。

界面设计知识库技能：按产品类型检索界面风格、配色、字体搭配、图表与 UX 规范，并生成完整设计系统，覆盖 React、SwiftUI、Flutter 等 22 种技术栈。需本机安装 Python 3。

生成或编辑照片、插画、纹理、游戏精灵、产品样机与透明底素材等位图。Codex 内置的系统技能，默认调用内置 image_gen 工具，无需单独安装；经用户确认可改用附带的 CLI 脚本，需要 OPENAI_API_KEY。OpenAI 官方维护。

shadcn/ui 官方技能：让 agent 借助 shadcn CLI 读取项目配置与组件文档，按规范添加、搜索、组合和修复组件，遵守样式、表单与无障碍规则，也能用预设初始化新项目。

覆盖定义、计划、构建、验证、评审到上线全流程的工程技能合集，配 /spec、/plan、/build、/test、/review、/ship 等命令，含 TDD、代码评审与 Web 性能审计。Addy Osmani 出品。

让 agent 生成的前端摆脱模板感：先判断设计方向，再用布局变化、动效强度、信息密度三个参数调节效果；另含改版审计、极简与粗野主义风格及设计参考图生成等技能。

前端设计打磨技能：一个技能提供 polish、audit、critique、typeset 等 24 条命令，并用 61 条确定性检测规则找出典型的 AI 生成界面问题，支持在浏览器里实时迭代。适用于 Claude Code、Codex、Cursor 等工具。

HeyGen 官方 HyperFrames 技能集：让 agent 用 HTML、CSS 与动画写出可确定性渲染的 MP4 视频，含产品宣传片、讲解视频、字幕、配乐卡点等创作流程。需要 Node.js 22+ 与 FFmpeg。

生成自包含 HTML+SVG 的杂志风图表：架构图、流程图、时序图、泳道图、甘特图等数十种类型，可读取网站配色匹配品牌，支持导入 Mermaid、draw.io 与 Excalidraw 源文件重绘。

marketingskills 合集里的转化率优化技能：给它首页、落地页、定价页或表单的链接或内容，按价值主张、标题、按钮、信任背书、阻力点等维度诊断，输出马上能改的快速优化、高影响改动、A/B 测试思路和备选文案。

教 agent 高效使用 Chrome DevTools MCP：先取快照拿元素 uid 再交互、按需截图、用分页与过滤压缩大输出、查看 CSS 样式、测试浏览器扩展。需先配置 chrome-devtools-mcp 服务，Chrome DevTools 团队官方维护。

收录 2400 多个可安装的 SKILL.md 技能，覆盖开发、安全、云与运维、AI、营销等领域；附 AAS Core 本地 MCP 与安装器，帮 agent 检索、挑选技能并预览安装计划。原名 antigravity-awesome-skills。

驱动阿里开源的 ocr CLI 评审 Git 变更（工作区、单个提交或分支对比），按严重级别汇总逐行评审意见，用户要求时自动修复。需先配置 LLM 接口（Anthropic、OpenAI 等协议），缺少 CLI 时会自动安装。阿里巴巴官方维护。

Sonner、Vaul 作者 Emil Kowalski 编写的设计工程技能：帮助选择动画曲线与时长，评审和改进动效，吸收 Apple 设计原则，让网页在手机上更像原生应用，并协助选择 UI 库、做多版本原型。