SuperAPI AI 工具集

Skill 广场

找到适合任务的 Agent Skill,阅读介绍并复制安装命令。

更新于 10-30 00:12

设计与创作

21,251 个结果

creative-coding

该技能面向网页端的动态设计与创意编程,处理静态 UI 之上的运动、交互和生成图形层,涵盖滚动驱动动画、WebGL/canvas、生成式与交互效果。它强调先判断动效是否值得存在,再按 DOM/CSS、Canvas 2D、WebGL 三级逐步升级,要求脱离屏幕暂停、尊重 prefers-reduced-motion、限制 dpr、保留真实 DOM 内容,并遵循缓动与动画原则。适用于落地页、作品集等需要氛围感与交互体验的页面;具体实现依赖 Claude Code 环境,资料未提供安装命令与价格。

设计与创作30 次安装

canvas-design

canvas-design 是一个用于创作视觉艺术作品的技能,输出 .png 与 .pdf 格式的设计作品。当用户要求制作海报、艺术作品等视觉内容时使用。其流程分为两步:先创建一份设计哲学(.md 文件),描述一种通过形式、空间、色彩、构图、图像、图形、形状、图案以及极简文字来表达的美学运动;再将该哲学在画布上视觉化,生成以视觉设计为主、文字为辅的成品。该技能强调视觉表达、空间沟通与艺术诠释,要求文字极简、仅作视觉元素,并反复强调作品应呈现出手工精雕细琢、出自顶尖专家之手的质感。最终输出单个可下载的 .pdf 或 .png 文件,以及作为 .md 文件的设计哲学。

设计与创作30 次安装

awesome-content-image-adapter

该技能将一张已完成的图片适配为横版 16:9 和竖版 9:16 两个版本,用于社交平台发布,而不对原图进行重新生成、重绘或改风格,只改变图片外部形状与画面边缘的贴合方式。横版适用于宽幅或按原始比例展示的feed,竖版适用于偏高或方形展示空间且向中间裁切的feed,两种文件即可覆盖所有发布面。该技能不包含任何平台专属信息,具体平台对应哪种图片由 awesome-content-campaign/references/platforms.md 中的表格 Picture 列决定,该文件缺失时会直接询问用户而非猜测。技能提供 references/geometry.md 捆绑文件,需在适配前阅读,说明两个像素目标、适配规则以及交付前需满足的条件。运行有两种模式:独立模式由用户提供图片并生成 horizontal.png 与 vertical.png 到临时目录下的新文件夹,并报告绝对路径;链式模式在 awesome-content-repurpose 已生成 post 文件后自动运行,将两张图与 post 文件放在一起。技能本身不附带程序,由 agent 根据机器环境使用已安装的图像库或命令行工具实现。

设计与创作30 次安装

ui-prototype

UI 原型工场是一个面向需求确认阶段的技能,能够跳过繁琐的文档定义,直接基于需求文档生成多套独立的高保真 HTML 原型方案。它使用 HTML + Tailwind CSS(CDN)构建单文件原型,支持风格继承、多版本对比、产品形态适配(Web 全屏或 App 居中容器)、局部修改与全量设计、功能点遗漏检查以及从概念到落地的迭代设计流程。生成的 HTML 仅作为视觉参考和需求确认工具,不代表最终项目代码实现,实际开发时需使用项目选定的技术栈重写。

设计与创作30 次安装

brand-guidelines

该技能用于将 Anthropic 官方品牌配色与字体应用到各类产物中,使其呈现 Anthropic 的视觉风格。它定义了主色(深色 #141413、浅色 #faf9f5、中灰 #b0aea5、浅灰 #e8e6dc)与强调色(橙 #d97757、蓝 #6a9bcc、绿 #788c5d),并规定标题使用 Poppins、正文使用 Lora 字体,在字体缺失时自动回退到 Arial 与 Georgia。技能会智能应用字体(24pt 及以上标题用 Poppins,正文用 Lora)、根据背景智能选择文字颜色、为非文字形状循环使用强调色,并通过 RGB 颜色值保证品牌色彩一致性。适用于需要为文档、演示文稿等产物套用 Anthropic 品牌外观的场景。

设计与创作30 次安装