Claude Code Skills · Category
画图、做设计稿、生成主题与品牌素材。
In this category
7
items
anthropics/skills
Anthropic 官方的前端设计 skill，目标是做出可上线、视觉风格鲜明的界面， 避开常见的"AI 千篇一律"配色和居中堆叠版式。先定调子，再写 React / HTML / CSS，组件、落地页、海报、dashboard 都能用，注重细节和审美决断。
Anthropic 官方的视觉设计 skill，专做静态海报和插画类作品，输出 .pdf 或 .png。先用一份 .md 文件把"设计哲学"写清楚——形式、空间、色彩、构图， 再在画布上落地。要求原创，避免临摹在世艺术家的风格造成侵权。
Anthropic 官方的算法艺术 skill。用 p5.js 写生成式作品，支持种子化随机和 交互式参数调节，常见题材包括 flow field、粒子系统、涌现行为。先定一份 算法美学的"哲学"文档，再用 .html + .js 实现可交互的查看器。
Anthropic 官方品牌规范 skill。提供官方主色、辅助色与字体搭配，方便把 任意 artifact 套上 Anthropic 的视觉调性。给 Anthropic 内部或合作项目做 slide、海报、网页时直接调用，避免自己临摹品牌色出错。
Anthropic 官方的主题工具集 skill。预置 10 套配色 + 字体搭配方案，也能 按需生成新主题，应用到幻灯片、文档、报告、HTML 落地页等任何 artifact 上。 适合在没有强品牌约束时快速给产物套一致的视觉风格。
Anthropic 官方的 Slack GIF 制作 skill。封装了 Slack 对动图的尺寸、帧率、 色数、时长这些隐性约束，提供生成与校验工具。emoji 用 128x128、消息用 480x480、控制在三秒内，避免做出来发不上去。
Anthropic 官方的 claude.ai 复杂 artifact 构建 skill。基于 React 18 + TypeScript + Vite + Tailwind + shadcn/ui，初始化、开发、再打包成单 HTML 文件 交给用户。适合做带路由、状态管理、复合组件的交互 demo，简单单文件 artifact 反而用不上。