gsap-svg
GSAP 的 SVG 动画技能，使用 DrawSVGPlugin、MorphSVGPlugin、MotionPathPlugin 实现描边绘制、形状变形与沿路径运动等效果。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 11-07 00:13
设计与创作
22,355 个结果
gsap-text
GSAP 文本动画技能：通过 SplitText、TextPlugin、ScrambleTextPlugin 实现字符、单词、行级文本动画、滚动揭示与乱码解码等效果，含安装、用法与性能清理建议。
helm-chart-scaffolding
用于指导创建、组织和维护 Helm Chart，以便对 Kubernetes 应用进行模板化打包与部署。涵盖 Chart 结构、values 管理、依赖、环境配置、校验、打包与仓库发布等步骤，适合需要生成可复用 Kubernetes 清单、管理多环境发布的开发者使用。
interaction-design
交互设计技能，用于设计和实现微交互、动效、过渡与用户反馈模式，涵盖加载状态、骨架屏、手势交互、通知系统、拖拽界面、滚动触发动画及悬停/聚焦状态，基于 Framer Motion 与 CSS 动画实现。
kpi-dashboard-design
一套用于设计有效 KPI 仪表板的模式合集，涵盖指标选择、可视化最佳实践与实时监控。资料给出战略、战术、运营三层框架、SMART 原则、各部门常用 KPI、三种布局示例，以及 SQL 与 Streamlit 实现示例。
mobile-android-design
面向 Android 原生应用开发的技能，讲解 Material Design 3（Material You）与 Jetpack Compose，用于设计 Android 界面、实现 Compose UI、导航、自适应布局与主题。
mobile-ios-design
面向 iOS 原生应用开发的技能，讲解 Apple 人机界面指南（HIG）与 SwiftUI 模式，用于设计 iOS 界面、实现 SwiftUI 视图、导航、自适应布局、SF Symbols、动态字体与深色模式等。
multi-cloud-architecture
面向 AWS、Azure、GCP 的多云架构决策框架与模式，用于跨云选型、迁移与云无关架构设计，包含计算、存储、数据库服务对照表、常见多云模式、成本优化与迁移阶段建议。
responsive-design
响应式设计技能，讲解容器查询、流体排版与间距、CSS Grid/Flexbox 布局、移动优先断点策略、响应式图片与表格、自适应导航等现代响应式实现方法，适用于构建跨屏幕尺寸自适应的界面。
skill-judge
用于评估 Agent Skill 设计质量的中文工具，依据官方规范与 17+ 官方示例提炼的模式进行审查，适用于评审、审计或改进 SKILL.md 文件。
team-composition-analysis
面向早期初创公司（种子前至A轮）的团队组建分析技能，可规划团队结构、招聘计划、薪酬策略与股权分配，按阶段给出角色配置、薪资基准、地理调整、期权池规模、汇报关系与招聘节奏等参考方案。
threejs-geometry
Three.js 几何体创建技能，涵盖内置形状、BufferGeometry、自定义几何体与实例化。适用于创建 3D 形状、处理顶点、构建自定义几何体等场景。
threejs-lighting
Three.js 光照技能，涵盖光源类型、阴影配置、环境光照（IBL）以及光照性能优化。适用于在 Three.js 场景中添加灯光、配置阴影、搭建基于图像的环境光照或优化光照性能。文档介绍了 AmbientLight、HemisphereLight、DirectionalLight、PointLight、SpotLight、RectAreaLight 六种光源的用途、阴影支持与开销，并给出阴影设置、环境贴图、光照探针、常见布光方案与性能建议。
threejs-materials
Three.js 材质技能，系统整理 Three.js 中各类材质的用法与属性，涵盖 PBR、基础、Phong、卡通、着色器材质等。适用于为网格设置样式、处理纹理、创建自定义着色器以及调试法线或深度等场景。内容包含快速上手示例、材质类型对照表、各材质常用参数、玻璃与车漆等示例、内置 uniform、多材质分配、环境贴图、材质克隆与运行时修改，以及性能优化建议。
threejs-postprocessing
Three.js 后处理技能，围绕 EffectComposer 组织渲染通道，用于为 Three.js 场景添加泛光、景深、抗锯齿、环境光遮蔽、色彩校正、暗角、胶片颗粒、像素化、故障、半调、描边等屏幕空间视觉效果，并支持自定义 ShaderPass 与多通道组合。
threejs-shaders
这是关于 Three.js 自定义着色器的技能文档，聚焦 GLSL、ShaderMaterial 与 RawShaderMaterial 的用法，涵盖 uniforms、varyings、常见着色器效果、材质扩展、内置函数、性能优化与调试等内容。适合需要编写自定义顶点或片元着色器、实现视觉特效或修改网格顶点的开发者使用。
visual-design-foundations
一套视觉设计基础技能，指导在项目中应用字体排版、色彩理论、间距系统与图标规范，建立统一且可访问的视觉体系，适用于设计令牌、主题与暗色模式等场景。
web-design-guidelines
该技能用于审查 UI 代码是否符合 Web Interface Guidelines（Web 界面指南）。当用户提出「review my UI」「check accessibility」「audit design」「review UX」「check my site」等请求时使用。其工作方式为：先从指定源 URL 获取最新版指南，再读取用户指定的文件（或询问文件/匹配模式），随后对照获取到的全部规则逐条检查，最后以简洁的 file:line 格式输出发现的问题。指南源为 https://raw.githubusercontent.com/vercel-labs/web-interface-guidelines/main/command.md，每次审查前都会重新抓取，以确保使用最新规则，抓取内容包含全部规则及输出格式说明。使用时，若用户提供了文件或匹配模式参数，则依次执行抓取指南、读取文件、应用全部规则、按规定格式输出结果；若未指定文件，则询问用户需要审查哪些文件。
algorithmic-art
用代码生成生成式/算法艺术与视觉图案的技能，可创作分形、几何镶嵌、流场、色彩渐变、参数化图形等，并渲染到 tmp/ 下的文件。
multi-perspective-plan
多视角规划技能：并行生成速度、可用性、保守三种视角的实现计划，经分歧反驳、综合与对抗式审查循环，产出可恢复、可检查点的最终方案。
standards-check
Standards Check 是 microsoft/cat-agent-skills 中的一个技能，用于将拟议的设计变更与图纸标准和内部设计规则进行比对，并逐条引用所适用的规则。它适用于用户询问“这是否符合设计标准”等场景。该技能在每次变更流程中于 bom-impact 之后运行，输入为 impact.json 和 references/design-standards-excerpts.md，输出为追加到载荷中的 standards_findings[]。每条发现需记录 {rule, applies, result, citation}，且必须逐字引用参考文件中的标准或设计规则编号，不得凭记忆生成。发现不会覆盖引擎升级，只能追加发现；不包含批准性语言，由变更委员会决定。对于需要本插件无法完成的分析（如堆叠、应力签核）的规则，应记录为待决需求而非通过。
app-design
用于构建或修改应用布局、创建 UI 组件及做视觉设计决策的技能，强调一致性、可访问性与独特美学方向，基于 Tailwind CSS v4 与设计令牌实现主题化。
rayfin-cli-ux
面向 @microsoft/rayfin-cli 的 CLI 用户体验规范技能。可在设计、编写规格、实现或审查命令行命令、参数、输出与错误之前加载，确保交互、纯文本与 JSON 三种输出模式一致，并遵循 R1–R12 等强制规则。
multi-perspective-planning
用于不确定性较高的设计决策：并行运行四个视角子规划器生成竞争方案，经冲突反驳、综合评估与对抗式评审循环后，再提交用户审批；每步写入检查点以便中断恢复。