threejs-materials
Three.js 材质技能,系统整理 Three.js 中各类材质的用法与属性,涵盖 PBR、基础、Phong、卡通、着色器材质等。适用于为网格设置样式、处理纹理、创建自定义着色器以及调试法线或深度等场景。内容包含快速上手示例、材质类型对照表、各材质常用参数、玻璃与车漆等示例、内置 uniform、多材质分配、环境贴图、材质克隆与运行时修改,以及性能优化建议。
找到适合任务的 Agent Skill,阅读介绍并复制安装命令。
更新于 10-26 00:15
20,837 个结果
Three.js 材质技能,系统整理 Three.js 中各类材质的用法与属性,涵盖 PBR、基础、Phong、卡通、着色器材质等。适用于为网格设置样式、处理纹理、创建自定义着色器以及调试法线或深度等场景。内容包含快速上手示例、材质类型对照表、各材质常用参数、玻璃与车漆等示例、内置 uniform、多材质分配、环境贴图、材质克隆与运行时修改,以及性能优化建议。
地理空间深度学习实践指南,讲遥感影像神经网络方法的选择与审计,重点规避空间泄漏导致的虚高指标和地理参考丢失。先厘清标签集再推荐架构,给出分割、检测、分类、回归的任务默认方案,以及切片、切分、训练、推理与验证规范。
该技能用于开展磁盘取证调查:通过取证镜像、文件系统分析与时间线重建,借助 FTK Imager、Autopsy 等工具保全并分析持久存储证据,适用于安全事件、法律或人事调查中的证据固定与删除文件恢复。
用于在已有设计系统(如 shadcn/ui、Material UI、Ant Design、Chakra 等)的代码库中工作时,先检测项目采用的设计系统,再按其规范消费组件、令牌与模式,仅在系统允许的扩展点内新增组件;无系统时先建立设计系统。
octopus-architecture 是一个面向 Codex CLI 的架构评审技能,用于基于仓库证据审查系统架构、简化边界或比较接口设计,输出证据、调用方契约、建议接口、迁移与测试影响及决策。
B-Roll & Shot List 是一个将脚本转化为可拍摄镜头清单的技能。它把已完成的脚本拆解成按拍摄顺序排列的镜头列表,按地点和机位分组,方便在同一地点一次性拍完再移动。每个镜头会说明画面内容、角度、拍摄时长以及它所覆盖的台词;不覆盖任何台词的镜头会被标记为多余并建议删除。该技能还会区分必需镜头与可选镜头,便于时间不足时取舍;对无法实拍的画面提供素材库搜索关键词;并给出所需器材的简短清单。适用于脚本已完成、需要明确拍摄内容的场景。
一个面向 UX 设计的认知心理学技能模块:依据 Laws of UX(菲茨、希克、米勒、雅各布、峰终、多尔蒂等)、格式塔原理、认知偏差、心智模型以及注意力和记忆限制等公开知识,帮助在设计中评估与解释界面认知负荷、注意力与记忆约束。
design-frontend 是 ravnhq/ai-toolkit 技能库中的一项前端视觉设计系统技能,专注于为 Web UI 提供一致、可访问、响应式的界面设计模式。它涵盖 Tailwind CSS v4 设计令牌(design tokens)与 CSS 变量、以移动优先为原则的响应式设计、容器查询(container queries)、暗色模式(dark mode)以及组件组合与间距尺度等主题。该技能强调用 CSS 变量定义颜色、间距、排版与阴影,避免在类名中硬编码取值;用 @container 实现组件级响应式;用 dark: 变体保证暗色模式下的对比度;并建议交互元素触控目标不小于 44x44px。资料同时列出了常见错误与排查方法,例如容器查询失效通常因父元素未标记 @container,暗色样式不生效通常因未配置 darkMode 等。
这是一个用于判定界面是否可被用户操作的技能,名为 usability,来自 ryanthedev/design-for-ai。它适用于可操作性而非视觉外观的评估场景,例如判断界面是否易用、用户是否困惑或流失,执行启发式/可用性评估,应用 UX 定律(菲茨、希克、米勒/考恩、雅各布等),思考可供性、示能、反馈与认知负荷,选择 UI 模式族(导航、表单、搜索/筛选、数据显示、反馈、动作、披露、引导),以及无障碍的可用性方面(WCAG POUR、包容性设计)。该技能采用双层引擎:原则(格式塔、UX 定律、Nielsen/Shneiderman 启发式、Norman、认知负荷、无障碍)解释“为什么”,UI 模式族提供“做什么”,原则在模式间进行选择。每条建议都会引用其来源。它包含启发式评估与模式选择两种模式,并强调启发式评估是用户测试的补充而非替代。
为已有 Logo 或品牌系统板添加配色方案、自适应布局与场景应用的技能。保留原标志、文字标、剪影和单色可用性,生成 2-4 条调色路线并选定主色系,输出可直接用于图像模型的重配色提示词。
Orchestrator 是创意套件(creative suite)中的调度器技能,用于处理涉及多种资产类型的创意请求。它通过一组诊断问题快速判断需求,然后将任务按正确顺序路由到相应的创意技能,确保风格只决定一次并被下游所有资产继承。其核心原则是“策略先于像素”,在风格锚点(style anchor)存在之前不启动生成。它适用于跨多种资产类型的请求、以结果而非具体资产命名的请求,或不确定该用哪个技能的情况;不适用于单一明确资产。若自动化不可用,计划仍可运行,每一步的交付物变为提示词规格加可运行命令。
UI/UX Pro Max 是一套面向 Web 与移动应用的可搜索设计智能指南,属于 UI/UX 智能体技能系统。它汇集 50+ 种设计风格、161 套配色方案、57 组字体搭配、161 种产品类型及推理规则、99 条 UX 准则,以及覆盖 10 个技术栈的 25 种图表类型,并以基于优先级的推荐方式提供查询。该技能适用于涉及界面结构、视觉设计决策、交互模式或用户体验质量控制的场景,例如设计新页面(落地页、仪表盘、后台、SaaS、移动应用)、创建或重构 UI 组件、选择配色与排版系统、审查 UI 代码的可访问性与一致性、实现导航与动画、以及产品级设计决策。它按 10 个优先级类别组织规则,涵盖可访问性、触控与交互、性能、风格选择、布局与响应式、排版与颜色、动画、表单与反馈、导航模式、图表与数据,并给出每类的关键检查项与反模式。纯后端逻辑、API 或数据库设计、与界面无关的性能优化、基础设施与 DevOps 工作、非视觉脚本或自动化任务则不需要使用该技能。
面向以色列应用的 RTL 优先 UI 组件库与设计系统技能,涵盖希伯来语字体搭配、排版比例、RTL 组件架构、色彩令牌与 gov.il 风格表单模式,适用于 React、Vue、Angular 及原生 HTML/CSS。
Atomic Design: Quarks 是一套关于“夸克”(Quarks)层设计令牌与原始值的设计系统技能文档,适用于处理设计令牌、CSS 自定义属性和原子层以下的原始值。它在 Brad Frost 原子设计方法学的基础上,于 atoms(原子)之下新增了一层“夸克”,即设计系统中最小的构建块:颜色、间距、字号、阴影等被命名的设计值。夸克本身不渲染任何内容,属于非可视的常量与令牌,由原子组件导入并使用。文档系统梳理了夸克与原子的区别、常见夸克类型(颜色、间距、字体排版、边框、阴影、动画、断点、z-index 令牌)、CSS 自定义属性生成方式、目录结构、在原子组件中的使用示例(CSS-in-JS、CSS Modules、Tailwind 集成)、主题与暗色模式、最佳实践及应避免的反模式。
Design System Generator 是一个用于创建或修订项目设计系统的 AI 技能。它围绕设计令牌(tokens)、组件、无障碍、动效和视觉验证等主题,产出一份贴合产品实际技术栈和视觉语言的简明设计系统文档。适用于需要建立或更新持久性设计系统契约的场景。该技能默认在主对话中运行;若使用子智能体进行委派,需先就智能体数量和范围获得明确批准。它在提出方案前会先检查现有设计文档、品牌参考、代表性界面、共享组件、主题配置、令牌和构建工具,据此推断框架、CSS 方法、主题、浏览器支持和导出格式。输出为更新既有设计系统负责人或创建 DESIGN_SYSTEM.md,仅在需要时导出 CSS 或 JSON 令牌。
用于实现或审查 Flutter 高级视觉渲染效果,例如毛玻璃/液态玻璃、背景模糊、折射、着色器、自定义绘制、发光、遮罩等。该技能的核心思路是把期望的材质或光学行为转换为可维护的 Flutter 渲染栈,而不是把某个特效包当作设计系统来使用。它覆盖效果保真度、图层合成、模糊与折射实现、着色器或 CustomPainter 选型、效果分组、平台/后端回退以及渲染效果验证。
一套用于界面动效设计的技能资料,按情感意图、视觉叙事与动效工艺三大支柱,提供时长、缓动、编排与迪士尼动画原则等规范,帮助创建按钮、卡片、弹窗、加载与成功/错误等状态动画,并统一品牌动效风格。
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 文件中,避免重复扫描。
将用户照片转化为竖版编辑艺术图的技能:上方保留真实照片,下方以少量精准墨迹构成可识别的抽象“Photo Relic”,强调克制、可复现的系列感与摄影真实性。
短视频文案创作技能,提供爆款公式、黄金结构、金句压缩与三关校验流程,用于撰写短视频口播文案。
Whimsical Design 是一个条件性设计技能,用于在需求或简报明确要求时,为界面注入个性、愉悦感或品牌表达。它强调有目的地塑造角色气质,而非默认的企业级 SaaS 风格;适用于营销页、作品集或需要表达性品牌方向的体验。该技能会先恢复期望的角色与已接受的示例,再决定是否引入美学方向,并明确跳过常规工具型 UI、状态修复和已定型的产品美学。它提供背景氛围、工艺细节、色彩情绪、字体性格等可选技法,同时要求保留现有用户偏好与项目 token,并强调新颖性和“智能体微笑测试”不等于用户接受。
面向 SillyTavern 的角色卡与世界书创作工具,可在 design-spec.md 基础上创建、编辑、评估角色卡和独立世界书,覆盖人设、世界观、NPC、场景、事件、文风、MVU 变量与 EJS 方案,并提供打包脚本与评估流程。
excalidraw-visuals 是一个用于生成手绘风格 Excalidraw 视觉图、PNG 图片或示意图的技能,通过 fal.ai 的 Flux Schnell 模型按锁定风格前缀生成白底手绘图表,适合流程、对比、层级等概念可视化。
该技能用于在本地 nexu-io/Open Design 应用中准备、生成并审查游戏 UI 概念,基于真实运行时截图与项目资产,将设计生成与运行时实现分离,需先审查批准概念后才允许改动运行时 UI。