SuperAPI AI 工具集

Skill 广场

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

更新于 10-26 00:15

设计与创作

20,839 个结果

edit-figma-design

该技能可通过自然语言描述在 Figma 中创建或更新设计,属于基于文本的 Figma 授权编辑工作流。它要求 Figma MCP 服务器已连接,并依赖 search_design_system、create_new_file、use_figma 等工具。流程包括:先确认请求属于 Figma 设计创作而非代码实现;确定目标文件(使用已有 fileKey 或新建文件);按需读取项目规则或搜索代码库以对齐现有产品与设计系统;在创作前搜索可复用组件、变量与样式;再用多次细粒度的 use_figma 调用逐步完成页面结构、布局、组件导入、变量与样式绑定及内容润色。适用于从文字描述设计新屏幕、流程、组件或线框图,基于文本反馈扩展现有文件,或让设计对齐既有设计系统。该技能不用于从设计生成生产代码、将网页截图捕获到 Figma,也不用于单纯查看或拉取 Figma 内容。

设计与创作55 次安装

remotion-best-practices

Remotion 是一个用 React 创建视频的框架,本技能为处理 Remotion 代码提供领域知识与最佳实践。它本身不是可运行的工具,而是一套规则文档集合,按主题拆分为多个规则文件,涵盖动画、音频、字幕、3D、图表、字体、转场、音效、语音旁白等。使用时按需加载对应规则文件获取详细说明与代码示例,例如处理字幕时加载 subtitles.md,使用 FFmpeg 时加载 ffmpeg.md,音频可视化加载 audio-visualization.md,音效加载 sound-effects.md。规则文件覆盖 3D 内容(Three.js 与 React Three Fiber)、基础动画、资源导入、音频处理、动态元数据、视频解码检测、图表可视化、合成定义、帧提取、字体加载、GIF 同步、图片嵌入、光斑叠加、Lottie 动画、DOM 与文本尺寸测量、序列编排、TailwindCSS、文字动画、时间曲线、场景转场、透明视频渲染、裁剪、视频嵌入、Zod 参数化、Mapbox 地图动画以及 ElevenLabs TTS 语音旁白等主题。适用于任何涉及 Remotion 代码的开发场景,帮助获得该领域的专门知识。

设计与创作55 次安装

ui-layout-analyzer

UI Layout Analyzer 是一个用于分析 UI 截图的技能。当用户提供界面截图并要求分析时,它会对截图进行结构化描述与功能分析,输出页面整体结构、各区块划分、交互元素以及可能的功能与用户流程。该技能专注于界面截图本身,不涉及新 UI 设计,也不审查实现代码。它遵循固定输出格式:先给出 UI Layout Description(含整体结构与逐个 Section 描述),再以表格形式给出 Function Description。分析步骤包括识别整体结构(弹窗、整页、侧边栏、底部抽屉等)、自上而下划分区块、识别交互元素(按钮、输入框、选择器、列表等),并据视觉元素推断表单、导航、展示、反馈等功能。不适用于非 UI 图片(照片、图表等)、UI 设计或创建请求,以及 UI 实现代码审查。

设计与创作55 次安装

visual-reference-calibration

视觉参考校准(Visual Reference Calibration)是一个用于设计系统与智能体协作流程的辅助技能,帮助团队在已有产品中准确还原用户提供的视觉参考所传达的特定视觉品质,例如构图、材质或交互效果。它强调先自行恢复信息、复用已确定的决策,仅在缺失决策会实质影响结果时才提问。该技能要求区分构图、材质/颜色、边框/阴影/发光、排版/密度、动效、内容隐喻和系统行为等层次,只保留参考中真正需要借鉴的部分,避免照搬演示性内容。它主张在产品真实上下文中并排对比同一状态与尺度,检查效果是否无需解释代码即可成立,并验证交互参考的实际行为、键盘/焦点等价、减少动效设置及移动端浏览器表现。对于系统级效果,需验证共享行为而非局部悬停修饰。该技能还规定了修复预算:通常一次实现加一次修复,不因两次拒绝而重置项目或重复提问。

设计与创作54 次安装

world-build

world-build 是 aa-on-ai/agentic-design-system(ADS)中的一项沉浸式体验设计技能,用于在用户明确要求“沉浸感、氛围、叙事深度或让人感觉像身处某个场所”时,帮助塑造世界观、气氛与叙事体验。它提供的是可选技术调色板,而非强制技术栈,也不构成另一套构建循环。技能强调先恢复既有需求与参考资料,明确设定、核心隐喻与期望感受,并把隐喻转化为有用的导航、分组或反馈,而不是伪造运行数据。氛围上主张用最少的技术达成目标感受,例如细微颗粒/纸张质感、静态光晕、克制暗角、分层平面、少量周边标签、一个标志性聚光或滚动联动平面。排版方面优先沿用既有字体系统,层级来自可读的字号、字重、间距与分组。动效应解释到达、因果、连续性或刻意表达,需在真实浏览器中验证正常、中断与减弱动效行为。加载必须跟随真实工作,不得添加最短时长加载器,不得把可用内容藏在模拟终端或全屏幕布后。项目展示结构应服从访客任务,可选用证据板式大卡片加详情查看器,也可用网格、列表或直接文章。审查时关注设定是否强化真实任务、主操作与真实项目素材是否可读、访客能否理解产品输入输出、效果在真实交互与减弱动效下是否无延迟。纹理、自定义光标、加载器、字体数量或氛围层配额都不是门槛。

设计与创作54 次安装

architect-foundations

architect-foundations 是 Architect Skills 插件的自动激活基础知识层。每当有涉及建筑设计的回应时,系统会先从该参考库中调取资料,再转交专业化的技能模块处理。它汇集了 50 余位建筑师与理论家的从业级参考资料,时间跨度从维特鲁威一直到当代。资料以清单形式组织,列出每位建筑师或理论家的核心框架与年代、关键概念与代表建筑,以及在何种情形下适用。此外还收录了若干补充理论家的贡献与必读文本。

设计与创作54 次安装

browsing-styles

browsing-styles 是一个用于浏览和预览图像生成艺术风格的技能,包含 169 种艺术风格,每种风格都配有提示词提示和生成好的瓷砖参考图。适用于用户要求浏览艺术风格、挑选风格、选择风格、列出可用风格或搜索特定风格等场景。风格覆盖传统、数字、插画、摄影、设计、复古、技法、装饰、创意和文化等多个类别,例如印象派、超现实主义、赛博朋克、像素艺术、动漫、水彩、沙画等。它提供风格选择器(浏览器网格界面,点击后返回所选风格 JSON)、浏览模式(长期运行服务器)、命令行列表查询(支持表格、分类筛选、名称搜索、字段选择)、以及瓷砖参考图生成工具。选中的风格可通过 style id 传入 generate-image 技能使用。风格定义在 assets/styles.json 中,支持自定义添加。

设计与创作54 次安装

make-deck

Make a Deck 是一个用于制作 HTML 幻灯片演示文稿的技能(Skill)。当用户需要演示文稿、路演 deck、slides 或 keynote 时,它使用 starters/deck_stage.js 作为起始模板,构建 1920×1080 尺寸、支持键盘导航、可导出的 HTML 幻灯片。其流程包括:上下文预检(自动检测 .claude/design-tokens.json、~/.claude/design-systems/、tailwind 配置与 token 文件,并扫描 GitHub/Figma/图片/文档附件)、歧义门控(检查受众、风格、长度信号)、演讲备注启发式判断、视觉系统确定、构建、验证(含程序化溢出审计)以及后续导出选项。

设计与创作54 次安装

feel

Feel 是一个面向 UI 交互的物理动效技能:它让界面元素的运动由质量、刚度、阻尼和力场等物理模型驱动,而非手写时长与缓动曲线。该技能提供浏览器运行时 Feel.Body / Feel.Body2D,以及弹簧、磁力场、墙壁、二维平面和角度等模型,并包含把自然语言感觉词(如“very heavy, snappy”)转换为物理参数的工具。附带可运行示例页面和四个组件(重质感开关、磁吸抽屉、抛向角落的卡片、带档位的旋钮),以及测试台、审计脚本、导出工具和中文资料未提供的文档。

设计与创作54 次安装

ui-builder

ui-builder 是一个帮助开发者构建美观、可访问且响应式用户界面的技能,主要面向使用 React、Tailwind CSS、Shadcn/ui 及现代设计模式的开发场景。它以专家指南的形式提供组件、布局、样式模式、动画、表单、深色模式、加载状态与无障碍等实践,用于在创建组件、布局与页面结构时参考。其内容涵盖移动优先设计、响应式断点、可访问性、性能与一致性等核心原则,并给出 Tailwind CSS 布局、颜色主题、间距、常见组件(按钮、卡片、输入框、对话框、下拉菜单、表单)、动画(Tailwind 过渡与 Framer Motion)、图标、加载状态、深色模式以及仪表盘与落地页布局的示例代码,同时包含无障碍、性能与响应式设计检查清单。使用方式为在构建新 UI 组件、创建布局、实现响应式设计、添加动画、处理表单、实现深色模式、确保可访问性与优化性能等场景中调用该技能。资料未提供安装命令、收费与价格信息,暂未提供平台限制与效果的明确说明。

设计与创作54 次安装