工具集

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

让 agent 先定下清晰的审美方向，再写出有辨识度、可直接上线的前端界面，避开千篇一律的 AI 风格。Anthropic 官方插件。

在会话内调度多个子代理梳理架构、建威胁模型、全面排查漏洞。每条发现都要先经独立复核才写进报告，报告另附 SARIF，还可以生成补丁文件由人决定是否应用。Anthropic 官方插件，需要 Python 3.9+。

让 agent 在 Blender 中建模、布置场景、调整材质并执行 Python 代码，可导入 Poly Haven、Sketchfab 资产与 AI 生成的 3D 模型。需安装 uv 与配套 Blender 插件。

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

Figma 官方远程 MCP：把设计稿的组件、变量与布局交给 agent 生成代码，还能直接在画布上创建和修改设计。需 Figma 账号授权；Starter 免费计划及 View、Collab 席位每月仅 6 次读取调用。

面向编码 agent 的整套 harness：打包数十个子代理、近 300 个技能、钩子、规则、记忆与持续学习，并附带 AgentShield 安全扫描；以 Claude Code 为主，也支持 Codex。

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

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

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

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

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

UI/UX 设计知识库插件：内置可检索的界面风格、配色、字体搭配、图表与二十多种技术栈规范，能按产品类型生成完整的设计系统建议。需要本机装有 Python 3。

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

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

开源的本地设计工作台（Claude Design 的开源替代），按 DESIGN.md 设计系统生成网页与移动端原型、演示稿、图片和动效视频，可导出 HTML、PDF、PPTX、MP4；通过 MCP 让 Claude Code、Codex 读取和生成设计项目。需先安装 macOS 或 Windows 桌面应用，Linux 需从源码运行。

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

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

前端设计质量插件：一个技能加 24 个命令（audit、critique、polish 等），内置 61 条确定性检测规则，找出 AI 生成界面的常见设计毛病并逐项打磨。

用 HTML、CSS 与可逐帧定位的动画写视频，命令行预览并渲染成确定性的 MP4；附带产品发布视频、字幕、口播重剪等 agent 技能。HeyGen 官方维护，需要 Node.js 22+ 与 FFmpeg。

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

开源设计工具 Penpot 官方 MCP：借助 Penpot 插件 API 让 agent 查询、修改和生成设计稿，支持设计转代码与代码转设计。需先运行 npx -y @penpot/mcp@latest，并在 Penpot 中加载 MCP 插件完成连接。

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

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