SuperAPI AI 工具集

Skill 广场

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

更新于 10-26 00:15

设计与创作

20,837 个结果

threejs-materials

Three.js 材质技能,系统整理 Three.js 中各类材质的用法与属性,涵盖 PBR、基础、Phong、卡通、着色器材质等。适用于为网格设置样式、处理纹理、创建自定义着色器以及调试法线或深度等场景。内容包含快速上手示例、材质类型对照表、各材质常用参数、玻璃与车漆等示例、内置 uniform、多材质分配、环境贴图、材质克隆与运行时修改,以及性能优化建议。

设计与创作57 次安装

b-roll-shot-list

B-Roll & Shot List 是一个将脚本转化为可拍摄镜头清单的技能。它把已完成的脚本拆解成按拍摄顺序排列的镜头列表,按地点和机位分组,方便在同一地点一次性拍完再移动。每个镜头会说明画面内容、角度、拍摄时长以及它所覆盖的台词;不覆盖任何台词的镜头会被标记为多余并建议删除。该技能还会区分必需镜头与可选镜头,便于时间不足时取舍;对无法实拍的画面提供素材库搜索关键词;并给出所需器材的简短清单。适用于脚本已完成、需要明确拍摄内容的场景。

设计与创作57 次安装

design-frontend

design-frontend 是 ravnhq/ai-toolkit 技能库中的一项前端视觉设计系统技能,专注于为 Web UI 提供一致、可访问、响应式的界面设计模式。它涵盖 Tailwind CSS v4 设计令牌(design tokens)与 CSS 变量、以移动优先为原则的响应式设计、容器查询(container queries)、暗色模式(dark mode)以及组件组合与间距尺度等主题。该技能强调用 CSS 变量定义颜色、间距、排版与阴影,避免在类名中硬编码取值;用 @container 实现组件级响应式;用 dark: 变体保证暗色模式下的对比度;并建议交互元素触控目标不小于 44x44px。资料同时列出了常见错误与排查方法,例如容器查询失效通常因父元素未标记 @container,暗色样式不生效通常因未配置 darkMode 等。

设计与创作57 次安装

usability

这是一个用于判定界面是否可被用户操作的技能,名为 usability,来自 ryanthedev/design-for-ai。它适用于可操作性而非视觉外观的评估场景,例如判断界面是否易用、用户是否困惑或流失,执行启发式/可用性评估,应用 UX 定律(菲茨、希克、米勒/考恩、雅各布等),思考可供性、示能、反馈与认知负荷,选择 UI 模式族(导航、表单、搜索/筛选、数据显示、反馈、动作、披露、引导),以及无障碍的可用性方面(WCAG POUR、包容性设计)。该技能采用双层引擎:原则(格式塔、UX 定律、Nielsen/Shneiderman 启发式、Norman、认知负荷、无障碍)解释“为什么”,UI 模式族提供“做什么”,原则在模式间进行选择。每条建议都会引用其来源。它包含启发式评估与模式选择两种模式,并强调启发式评估是用户测试的补充而非替代。

设计与创作57 次安装

orchestrator

Orchestrator 是创意套件(creative suite)中的调度器技能,用于处理涉及多种资产类型的创意请求。它通过一组诊断问题快速判断需求,然后将任务按正确顺序路由到相应的创意技能,确保风格只决定一次并被下游所有资产继承。其核心原则是“策略先于像素”,在风格锚点(style anchor)存在之前不启动生成。它适用于跨多种资产类型的请求、以结果而非具体资产命名的请求,或不确定该用哪个技能的情况;不适用于单一明确资产。若自动化不可用,计划仍可运行,每一步的交付物变为提示词规格加可运行命令。

设计与创作57 次安装

ui-ux-pro-max

UI/UX Pro Max 是一套面向 Web 与移动应用的可搜索设计智能指南,属于 UI/UX 智能体技能系统。它汇集 50+ 种设计风格、161 套配色方案、57 组字体搭配、161 种产品类型及推理规则、99 条 UX 准则,以及覆盖 10 个技术栈的 25 种图表类型,并以基于优先级的推荐方式提供查询。该技能适用于涉及界面结构、视觉设计决策、交互模式或用户体验质量控制的场景,例如设计新页面(落地页、仪表盘、后台、SaaS、移动应用)、创建或重构 UI 组件、选择配色与排版系统、审查 UI 代码的可访问性与一致性、实现导航与动画、以及产品级设计决策。它按 10 个优先级类别组织规则,涵盖可访问性、触控与交互、性能、风格选择、布局与响应式、排版与颜色、动画、表单与反馈、导航模式、图表与数据,并给出每类的关键检查项与反模式。纯后端逻辑、API 或数据库设计、与界面无关的性能优化、基础设施与 DevOps 工作、非视觉脚本或自动化任务则不需要使用该技能。

设计与创作57 次安装

atomic-design-quarks

Atomic Design: Quarks 是一套关于“夸克”(Quarks)层设计令牌与原始值的设计系统技能文档,适用于处理设计令牌、CSS 自定义属性和原子层以下的原始值。它在 Brad Frost 原子设计方法学的基础上,于 atoms(原子)之下新增了一层“夸克”,即设计系统中最小的构建块:颜色、间距、字号、阴影等被命名的设计值。夸克本身不渲染任何内容,属于非可视的常量与令牌,由原子组件导入并使用。文档系统梳理了夸克与原子的区别、常见夸克类型(颜色、间距、字体排版、边框、阴影、动画、断点、z-index 令牌)、CSS 自定义属性生成方式、目录结构、在原子组件中的使用示例(CSS-in-JS、CSS Modules、Tailwind 集成)、主题与暗色模式、最佳实践及应避免的反模式。

设计与创作57 次安装

design-system-generator

Design System Generator 是一个用于创建或修订项目设计系统的 AI 技能。它围绕设计令牌(tokens)、组件、无障碍、动效和视觉验证等主题,产出一份贴合产品实际技术栈和视觉语言的简明设计系统文档。适用于需要建立或更新持久性设计系统契约的场景。该技能默认在主对话中运行;若使用子智能体进行委派,需先就智能体数量和范围获得明确批准。它在提出方案前会先检查现有设计文档、品牌参考、代表性界面、共享组件、主题配置、令牌和构建工具,据此推断框架、CSS 方法、主题、浏览器支持和导出格式。输出为更新既有设计系统负责人或创建 DESIGN_SYSTEM.md,仅在需要时导出 CSS 或 JSON 令牌。

设计与创作57 次安装

flutter-visual-effects

用于实现或审查 Flutter 高级视觉渲染效果,例如毛玻璃/液态玻璃、背景模糊、折射、着色器、自定义绘制、发光、遮罩等。该技能的核心思路是把期望的材质或光学行为转换为可维护的 Flutter 渲染栈,而不是把某个特效包当作设计系统来使用。它覆盖效果保真度、图层合成、模糊与折射实现、着色器或 CustomPainter 选型、效果分组、平台/后端回退以及渲染效果验证。

设计与创作57 次安装

appshot-core

Appshot Core 是 Appshot 系列技能的基础参考技能,在执行 appshot-videos 或 appshot-images 之前需要先阅读。它定义了 Remotion 项目架构、原语库、配置模式、设备预设和商店要求,并负责从项目中提取应用上下文信息。该技能基于 Remotion 4.0 + React 18 + Tailwind CSS 3.4,配置仅定义应用元数据和品牌,场景为自定义 .tsx 文件。它提供了一套完整的提取流程,可自动检测框架(Expo/React Native、Flutter、iOS、Android、Next.js、SvelteKit、Nuxt、Astro、Remix、Vite 等),提取应用名称、描述、品牌颜色、图标、商店元数据、ASO 关键词、应用分类、屏幕清单、导航结构、UI 模式、功能特性、核心操作循环、价值主张和主题模式,并将结果缓存到 .appshot-context.json 文件中,避免重复扫描。

设计与创作57 次安装

whimsical-design

Whimsical Design 是一个条件性设计技能,用于在需求或简报明确要求时,为界面注入个性、愉悦感或品牌表达。它强调有目的地塑造角色气质,而非默认的企业级 SaaS 风格;适用于营销页、作品集或需要表达性品牌方向的体验。该技能会先恢复期望的角色与已接受的示例,再决定是否引入美学方向,并明确跳过常规工具型 UI、状态修复和已定型的产品美学。它提供背景氛围、工艺细节、色彩情绪、字体性格等可选技法,同时要求保留现有用户偏好与项目 token,并强调新颖性和“智能体微笑测试”不等于用户接受。

设计与创作56 次安装