SuperAPI AI 工具集
合作ENAI 行业资讯收藏

Skill 广场

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

更新于 10-23 00:13

设计与创作

20,584 个结果

theatre-js

Theatre.js 是面向 Web 的动态设计与动画库，提供可视化时间线编辑器 Studio 以及可编程的动画控制能力，并支持 Three.js/R3F 场景动画。它通过项目（Project）、表单（Sheet）、对象（Object）和序列（Sequence）组织动画数据，开发者可在 Studio 中编辑关键帧，再在代码里读取属性值、监听变化并控制播放。提供 @theatre/core、@theatre/studio、@theatre/r3f、@theatre/react 及 Theatric 等包，适合网页交互动效、DOM 元素动画和三维场景动画的制作与调试。

设计与创作101 次安装

codedvisuals

CodedVisuals 是一个以自包含 React 组件形式提供的营销视觉图库，用于为 React 营销页或落地页添加动画化的代码视觉元素。每个视觉都是一个单独的 .tsx 文件，各视觉之间没有共享依赖，使用 shadcn/ui 设计令牌进行样式处理，并使用 Motion 实现动画。它们属于装饰性插图，适用于营销和落地页（如 hero 区域、bento 网格、功能区块、产品说明），而非交互式应用 UI。CodedVisuals 是付费图库，其目录来自需要许可证的私有注册表（codedvisuals.com/pricing）。视觉可通过 shadcn CLI 以注册表名 {category}-{file} 安装，或由已授权成员从预览页复制粘贴。使用时可将其放入具有明确高度（如 h-96）的无内边距容器中，动画通过 animated、trigger、hover 等 prop 选择开启，并支持 gradient、fadeOut、isometric 等展示修饰符。视觉会读取项目的 shadcn/ui 令牌，随品牌与暗色模式自动变化，但本身为装饰性内容，不应依赖其向辅助技术传达信息。

设计与创作101 次安装

adapt

Adapt 是一个跨屏幕尺寸、设备、场景与平台适配设计的技能。它帮助把已有设计重新思考并落实到新的使用环境中，而不是简单缩放。技能覆盖断点、流式布局、触摸目标、导航与内容的场景化调整，包含移动、平板、桌面、打印、邮件等适配策略，并强调在真实设备上验证。使用前需先调用 /impeccable，若尚无设计上下文须先运行 /impeccable teach，并额外收集目标平台、设备与使用场景信息。

设计与创作100 次安装

colorize

colorize 是一个用于为过于单调、灰暗或缺乏视觉趣味的设计添加战略色彩的设计类技能。当界面显得过于单色、缺乏视觉温度和个性时，它可以系统性地引入色彩，让界面更具吸引力与表现力。该技能强调"有策略的色彩胜过彩虹乱喷"，主张每种颜色都应有明确目的，而非随意堆砌。使用前必须先调用 /impeccable 以获取设计原则、反模式与上下文收集协议；若尚无设计上下文，则必须先运行 /impeccable teach，同时收集现有品牌色。该技能会先评估当前色彩缺失状况与可改进机会，再制定色彩策略（含主色、辅助色、强调色及 60/30/10 比例），随后从语义色、强调色、背景与表面、数据可视化、边框与点缀、排版色彩、装饰元素等维度系统地引入色彩，最后进行平衡与精修，确保层级、无障碍（WCAG）、凝聚力均得到保障。适用范围为界面与视觉设计；具体平台、收费与价格信息暂未提供。

设计与创作100 次安装

delight

delight 是一项面向界面设计的技能，用于为功能性界面添加令人愉悦、体现个性与意外惊喜的细节，使其更易被记住、更愿意被使用。它引导使用者先判断哪些场景适合加入“愉悦时刻”（如成功状态、空状态、加载状态、成就、交互、错误、彩蛋），再结合品牌个性、目标受众与情感语境定义愉悦策略（含蓄精致、活泼个性、贴心惊喜、感官丰富等）。主要手法包括微交互与动画、文案个性、插画与视觉个性、令人满意的交互、声音设计、彩蛋与隐藏惊喜、加载与等待状态、庆祝时刻等，并提供动画库、音效库与物理库等实现参考。核心原则是：愉悦只做增强、绝不阻塞核心功能，需快速（1 秒内）、可跳过、贴合语境、兼顾无障碍与性能，并能随重复使用保持新鲜。适合在已有设计上下文中打磨界面体验，不适用于需要优先保证功能与可访问性的场景。

设计与创作100 次安装

polish

Polish 是一个用于产品发布前最终质量打磨的技能，专注于修复对齐、间距、一致性和微细节问题。它要求先调用 /impeccable 获取设计原则与上下文收集协议，并明确质量基准（MVP 还是旗舰功能）。随后系统性地检查视觉对齐与间距、排版、颜色与对比度、交互状态、微交互与过渡、文案、图标与图片、表单、边界与错误状态、响应式、性能以及代码质量，并给出打磨清单与最终验证步骤。适用于功能已完成后、上线前的收尾阶段。

设计与创作100 次安装