Shade component decision
用于判断新 UI 代码应归入 Shade 哪一层(Token、Primitive、Component、Recipe、Pattern),以及是否应加入 Shade 的决策指南。默认先本地保留,避免过早固化设计系统 API。
找到适合任务的 Agent Skill,阅读介绍并复制安装命令。
更新于 11-05 00:16
22,053 个结果
用于判断新 UI 代码应归入 Shade 哪一层(Token、Primitive、Component、Recipe、Pattern),以及是否应加入 Shade 的决策指南。默认先本地保留,避免过早固化设计系统 API。
Shade 中 DropdownMenu、Select 与 Popover 三个 Radix 浮动菜单共享同一套表面视觉规范:背景用 bg-surface-elevated-2,边框用 border-border/60 dark:border-border/30,阴影默认 shadow-md(DropdownMenuContent 例外用 shadow-lg)。修改任一表面需三者同步。
Shade 的 inputSurface() 配方用于统一表单控件的视觉外壳(边框、背景、圆角、过渡、焦点环与无效态),避免各组件重复实现焦点与校验样式。本页说明其两种模式 self 与 within、可组合的原子类、与自写样式的分工及常见反例。
slice-design 是 tylergannon/agents 中的一项技能,用于把已接受的 nlspec 与当前代码切成纵向工作切片,每片附带临时技术规格与实现者交接契约。
使用 google-genai Python 库调用 gemini-3-pro-image-preview 模型生成图像的参考指南,涵盖文生图、参考图风格迁移、图像编辑与批量生成,并说明分辨率、宽高比、环境变量与常见问题。
用于将 Anthropic 官方品牌配色与字体应用到各类产物上的技能,帮助内容呈现 Anthropic 的视觉风格。
paper-shaders 是一套面向视频渲染的 WebGL 着色器技能,将 Paper Shaders 的 30 种 WebGL 着色器(网格与颗粒渐变、god rays、液态金属、烟圈、抖动、半调网点、纸张纹理等)转换为可在 HyperFrames 与 Remotion 项目中确定性渲染的动画层。它通过将着色器挂载速度锁定为 0、每帧根据时间线取图,避免墙钟动画在视频渲染中产生闪烁与漂移,使同一帧始终得到相同画面。工具提供九个品牌预设与 Paper 全部 124 个官方预设、预设校验、品牌配色映射、确定性检查以及项目脚手架脚本,并配套选取着色器、确定性渲染、品牌映射与许可等参考文档。
一个在浏览器中渲染和预览 Mermaid 图表的技能,支持流程图、时序图、类图、ER 图、状态图、甘特图、饼图等多种图表类型,提供交互、导出 SVG 与明暗主题。
preview-threejs 是一个 Three.js 交互式 3D 可视化预览工具,提供预配置场景、相机、光照与轨道控制。用户可编写 Three.js 代码并通过管道或文件传给 run.sh,脚本自动生成 HTML 并在浏览器打开,支持动态场景渲染与动画。
CoolLanding 是一个用于构建品牌专属落地页的 AI 技能,支持页面创作、重设计、打磨、审计与优化。它不定义单一固定风格,而是要求先诊断品牌、受众与情感目标,再从 9 个 Style World(风格世界)中选择一个主导风格,可选配一个 Technique Pack(技法包),组合 2–4 个 Mechanics(机制),并发明一个独有的 Signature Mechanic(标志性机制),最终产出只有该品牌才能发布的页面。该技能还提供参考站点动效探测、资产生成与抠图隔离、WebGL/3D/粒子首屏实现、动效一致性验证等配套脚本与参考文档,适用于需要高辨识度、参考级动效的品牌落地页项目。
Video.js 10 的设计文档编写技能,用于记录你负责的架构决策、组件规格与内部实现模式。当需要他人认可时改用 RFC;小修、缺陷修复和实现细节不写设计文档。
面向 Blender 场景、图表、图像或动画提示词写作的六杠杆参考框架,也可作为 Blender 心智模型使用。帮助在起草或修改提示词时分别关注目的、限制、内容、外观、动态与镜头,避免把每个需求都拆成六个问题。
面向实时网站的视觉设计审查技能:由设计视角检查排版、间距、层级、交互状态与“AI 味”模式,形成报告并按流程修复与验证。
面向 Unity 6 URP 的 3D 模型制作技能,通过 @Unity 插件、Unity CLI、ProBuilder 与项目 Pipeline 命令生成、导入和验收静态模型与 Prefab;复杂拓扑、UV、LOD 或碰撞可安全移交给经批准的本地 DCC MCP。
prototype-options 是一个用于在访谈决策确定后,构建多个可导航原型的技能。它根据 .scratchpad/<slug>/interview-decisions.md 中的决策,生成若干风格或方案不同的原型,每个原型由独立子代理并行构建,并有时间限制和共享样本数据。原型只展示已决定的内容,用于回答“这是否是我们决定的东西”,而非代码第一版。所有原型存放在 .scratchpad/<slug>/prototypes/ 下,不进入源码树。完成后并排展示供用户选择或组合,选择结果写回决策文件,供后续规格使用。
enclosure-designer 是一项面向 Arduino、ESP32、RP2040 等电子项目的 3D 打印外壳设计技能,可根据电路板尺寸与模块需求生成可打印的机壳、盒体或外壳。该技能提供参数化 OpenSCAD 生成脚本(支持按 PCB 型号或自定义尺寸生成)和可定制的模板,并给出测量采集、设计参数、开孔、安装柱、散热与打印设置等指导。适合已有电路、需要外壳做部署或展示的场景。
competitor-scan 是一个竞品研究技能,借助 Browser MCP 截图与 WebSearch 拆解分析,研究一流产品如何解决类似问题。适用于 DIVERGE Loop 起始阶段、探索新 UI 模式或对标行业标准时;可按领域选择竞品并提取设计模式。
面向 AI 图像生成提示词编写的编排指南技能,覆盖插画、封面、信息图与通用图像。以「结构优先、美学其次」为原则,用类型/版式与风格两个独立维度组合出提示词,含多套模板、配色与参考文件。
用于在 TypeScript 中把 Formily 与 Ant Design 组件结合使用的技能,提供表单布局、字段组件、校验与常见模式的指导,含安装命令与示例文件说明。
视频变声处理工具,从视频中提取音频,调用 voice-changer skill 完成变声后再合并回视频。默认生成 输入文件名_vc.后缀 新文件,需加 --overwrite 才覆盖原视频。
World Labs 开发者 API 的官方 CLI 工具,用于生成与编辑场景图像、估计相机参数与深度,以及从高斯泼溅场景中提取网格。该工具通过 @worldlabsai/cli 提供,需要 Node 24+,命令包括图像上传、任务提交与等待、操作恢复、资产下载等。提供的资料列出了文本生成图像、图像估计相机与深度、生成新视角、按提示与深度布局生成摆姿图像、填充掩码区域、提取网格等任务名称,但各任务的具体参数、返回格式、权限要求、计费方式与实际效果均暂未提供。
Super Video Agent 是一个通过代码绘制画面、生成旁白并合成影片的 AI 技能,适用于短视频、Reels、宣传片或解说视频等。它把用户提供的素材(如卡片新闻、分镜、幻灯片、文章、URL 或主题)重新编排为影片,要求每个场景至少一半的构图、布局和动效为新建,不得直接截取整页或复用原卡片排布。流程以配音优先:先生成旁白并测量行与词的时间(voice/timings.json)作为时间轴,再按时间点搭建场景;对含脚本或旁白的输入会先询问照用还是改写,无人值守时照用并记录。该技能包含脚本评审、分镜/脚本/配音等检查点级别、渲染复用、音效卡片测量与判定、最终成本与时间报告,以及用于修正的预览流程;安装与具体命令暂未提供。
ai-tryon 是一个面向虚拟试穿场景的 AI Agent 技能,用户提供服装图片或文字描述后,Agent 会引导完成服装图预处理、AI 模特生成、虚拟试穿合成和展示视频生成全流程。该技能支持阿里云百炼试衣 API、豆包 Seedream 生图与 Seedance 生视频,可处理上装、下装、套装和单件连体等服装部位,并支持多角度、多变体生成及局部换装。
基于 Google Nano Banana Pro(Gemini 3 Pro Image)API 生成与编辑图片的技能。支持文生图、输入图片修改、1K/2K/4K 分辨率,需提供 GEMINI_API_KEY 或 --api-key,生成速度较慢。