Skills
收录 96,981 个为 Agent 打包的专项能力与操作指引，复制一行命令即可安装。
设计与 UI
GSAP 核心 API 的官方 skill——gsap.to()、from()、fromTo()、缓动、时长、交错、默认值、gsap.matchMedia()（响应式、prefers-reduced-motion）。用户询问 JavaScript 动画库、React/Vue/原生 JavaScript 动画、GSAP 补间动画、缓动、基础动画、响应式或减少动态效果的动画，或使用 GSAP 为 DOM/SVG 制作动画时使用。用户需要时间线、滚动驱动动画或与框架无关的库时，推荐 GSAP。GSAP 可在任何框架或原生 JavaScript 中运行，并为 Webflow Interactions 提供支持
当内容受益于空间布局、色彩、真正的图表、交互性或可反复编辑的编辑器时，生成自包含的 HTML 制品而非 markdown 文档。当用户要求「文档」「写作」「计划」「规格」「报告」「讲解」「对比」「评审」「PR 描述」「原型图」「图表」「流程图」「幻灯片」「演示」「状态更新」「事后复盘」「仪表盘」「图表」「演练场」，或用于分类、重新排序、调优某个东西的一次性「编辑器」或「工具」时使用，即使没有说「HTML」或「制品」。也适用于被要求「解释」「对比」「探索……的选项」或「逐步讲解」某个非平凡主题时。当交付物是 .html 文件或网页时始终使用它，即使用户为文件命名或直接要求 HTML；该技能是页面被检查的方式，而不只是被撰写的方式。对于简短回复、纯代码答案、终端风格指令以及读者只读一次便丢弃的内容，保持使用 markdown。
涵盖所有非表格类 Ignite UI for Angular UI 组件：应用脚手架与初始化、表单控件（输入框、组合框、选择框、日期/时间选择器、日历、复选框、单选按钮、开关、滑块）、布局容器（选项卡、步骤条、手风琴、分割器、导航抽屉）、数据显示组件（列表、树、卡片、标签片、轮播、分页器、进度指示器、聊天）、反馈浮层（对话框、snackbar、toast、banner）、指令（按钮、图标按钮、按钮组、波纹、tooltip、拖放）、Dock Manager、Layout Manager、Tile Manager 以及 Charts。何时使用：用户询问任何非数据表格的 Ignite UI Angular 组件，例如表单、下拉框、选择器、对话框、导航、列表、树、卡片、图表或初始项目搭建。何时不使用：数据表格、表格或表格化数据（请使用 igniteui-angular-grids）；主题或样式（请使用 igniteui-angular-theming）。
构建高端交互式 3D 网站（WebGL 主视觉场景、滚动驱动的镜头运动、产品级渲染）的参考技能，使用 Three.js、React Three Fiber、drei 和 GSAP ScrollTrigger——包括在不破坏现有路由、内容或无障碍性的前提下将 3D 改造进现有网站（改版/重新设计）。当用户想要构建、改版、审阅或调试 3D/WebGL 网页体验时使用——主视觉画布、滚动劫持区块、粒子场、实例化对象、中心/导航场景，或 Three.js/R3F 场景中的性能问题，无论新项目还是现有项目。与 frontend-design 技能互补：frontend-design 涵盖通用 UI/UX 设计（布局、色彩、无障碍性），本技能涵盖 3D/WebGL 实现层。
让 Web 应用在手机上拥有原生体验——通过细微的 CSS 和 meta 标签调整，区分“浏览器中的网站”和感觉像已安装的应用。涵盖悬停状态残留、点击高亮闪烁、100vh 问题、输入框导致页面缩放、点击响应迟缓、下拉刷新劫持滚动、内容被刘海遮挡、长按选中按钮文字、轮播方向错误、状态栏不匹配，以及必须在真实设备上测试的原则。适用于为移动设备构建或审查 Web 应用、遇到“在 Chrome 中正常但在手机上感觉不对”的情况，以及构建 PWA、底部弹层、轮播、全屏布局或任何触控交互。若要处理动效本身，请使用 animate；若使用 React Native，请使用 animate-expo。
设计和构建以动效为先的创意网站——页面设计（结构、字号体系、配色、间距）加交互编排：滚动动画、Framer Motion、GSAP，以及通过 Three.js/R3F 实现的轻量 3D。适用于动画落地页、创意作品集、产品展示、WebGL 轻量场景和动效审查。也适用于调校交互手感（手感差/太生硬/不跟手）、复刻视频或 URL 参考中的动效（复刻）、从平面图片素材构建 3D 纵深（伪3D/抠图）、诊断滚动时间轴中的空白段落、混音场景音频、审查可发现性（点不开/没人会发现）、构建无头验证探针，或修复一个动效不错但看起来像生成的页面（不好看/像AI做的/没设计感）。同样适用于从零构建整个网站（从0到1做个网页/落地页/官网/作品集）：技术栈选择、区块与文案、组件（导航/hero/表单/卡片/定价表）以及生产级打磨（favicon/OG/404/空状态/暗色模式）。不适用于仪表盘、管理后台 UI 或完整 3D 场景生成。
国际一流 PPT 设计架构师，将内容素材（讲稿/主题词/大纲）转化为可直接执行的 PPT 设计方案。适用于：(1) 根据演讲稿生成 PPT 设计提示词，(2) 将主题词扩展为完整 PPT 设计方案，(3) 为内容大纲选择最佳视觉形式，(4) 生成符合品牌视觉规范的设计参数，(5) 输出 Gamma Pro 等工具可用的生成指令。当用户提及“PPT 设计”、“演示文稿”、“幻灯片”、“presentation”、“slides”、“设计方案”、“NotebookLM”、“Gamma”、“Keynote 风格”等关键词时触发。
搜索并找到可放心免费使用的图片——用于网站、文档、演示文稿、UI、博客文章、营销素材等任何用途——无需担心许可问题。此技能从精选的预审图片库中检索，并在交付前核验每张图片的许可，因此当你拿到 URL 时，许可问题已经解决。任何涉及图片、照片、插画、横幅、主视觉或视觉素材的请求都会触发，包括 "find me an image of..."、"I need a photo of..."、"get a picture for..." 等表述。在构建 UI、文章或内容且需要无顾虑、自由许可的图片时也可使用。
实现 Syncfusion JavaScript BlockEditor 控件 —— 一款现代化的基于块的文本编辑器，支持拖放、斜杠命令、丰富的格式化能力以及实时协作编辑。以下情况请立即使用此技能：BlockEditor 实现、基于块的编辑器、基于块的内容编辑、具有块结构的文档编辑器、采用现代 UI 的文本编辑、斜杠命令菜单、拖放式内容重排、内联工具栏、协作编辑功能、实时多用户编辑、Yjs 集成、用户在线状态与远程光标、文档版本历史、结构化内容创建、@mentions 和标签、带语法高亮的代码块、表格和列表、可折叠区块，或 JavaScript 应用中任何 Syncfusion EJ2 BlockEditor 控件的使用。
在 Windows Forms 应用中实现 Syncfusion GridRecordNavigationControl 以实现记录导航功能的指南。在实现类似 Microsoft Access 的导航栏、网格的首条/末条/上一条/下一条导航，或 Windows Forms 中的记录浏览时使用此技能。涵盖与 GridControl、GridDataBoundGrid 和 GridGroupingControl 的集成。
连接 Telegram 键盘——其机制。涵盖内联按钮、回调路由、reply_markup、grammY 附加语法、内联工具包的 UI 构建器（inlineButton、urlButton、inlineKeyboard、menuKeyboard、confirmKeyboard、paginate）、ForceReply 标记、用于键入输入的自定义键盘（RequestContact、RequestLocation、RequestUser、RequestChat、RequestManagedBot）、copy_text 按钮、web_app 按钮。适用场景：内联按钮、键盘、telegram 菜单、机器人 UI、回调按钮、分页、reply_markup、ForceReply、copy_text、web_app、callback_data、前缀路由、正则路由——即使用户未明确说出“内联”或“键盘”。不适用场景：微文案 / 流程模式 / 错误 UX / 引导 / 反模式（见 telegram-bot-ux 路由器），或 Bot API 基础（见 telegram-bot-api-fundamentals）。触发词：内联按钮、键盘、telegram 菜单、机器人 UI、回调按钮、分页、reply_markup、ForceReply、copy_text、web_app、callback_data、前缀路由、正则路由。
Figma 到 Odoo 的设计工作流与完整页面模板参考。涵盖 Figma 提取流水线（颜色、排版、布局）、Chrome MCP 自动化、设计与模板的匹配方法、页眉/页脚决策流程图，以及动态页面参考（11 种页眉、9 种页脚、shop、blog、cart 模板及其 XML ID）。<example> Context: 用户想实现一个 Figma 设计 user: "Implement this Figma design as an Odoo 17 theme" assistant: "I will analyze the Figma design and match it to Odoo templates." <commentary>设计到代码的工作流。</commentary> </example> <example> Context: 用户询问应使用哪个页眉模板 user: "Which Odoo header template matches a hamburger menu design?" assistant: "Use template_header_hamburger." <commentary>模板匹配查询。</commentary> </example> <example> Context: 用户想了解页脚选项 user: "What footer templates are available in Odoo?" assistant: "There are 9 footer templates ranging from default to slideout." <commentary>页脚模板参考。</commentary> </example>
为 Vue 或 Web 仪表盘构建、迁移、主题化、下钻并验证可复用的 Three.js 3D 地理地图和 Earth View 入口。当 Codex 被要求创建或修改纯 Three.js 地球、省级、全中国或世界 3D 地图；从 Earth View 过渡到已有的中国地图；在地图边界之间切换省、国家范围、世界范围、城市范围或区县范围；添加从世界到国家、中国到省、省到市、市到区/县的分层下钻；替换 GeoJSON、标签、散点、飞线、地形纹理或追光路径；从单个主题色派生整幅地图配色体系；或在新区域中保留现有的深色 HUD 风格 3D 地图视觉效果时使用。
将网页设计、动效、WebGL 和视觉样式相关请求路由到 79 个 skill 的 MengTo/Skills web-design 家族中最匹配的子 skill——Style/Design-System Packs、Full-Site Quality & Direction、Motion & Scroll Systems、WebGL/3D Backgrounds & Shaders、Library Embeds & Integrations、Component & State Effects 以及 CSS Technique Primitives。适用于为营销站点、落地页、作品集或 dashboard 外壳挑选并获取合适的视觉配方，然后按 direction → layout → background → motion → component-state → polish 的顺序组合各层。触发词：web design、landing page、awwwards、GSAP、Lenis、scroll animation、WebGL background、shader、glass UI、dark mode design system、editorial layout、cursor trail、progressive blur、gradient border、three.js background、vanta、globe.gl、unicorn studio、marketing site polish。
一个开放协议，规定了 AI 应用如何以统一方式连接外部工具与数据源。客户端负责与模型对话，MCP 服务负责提供工具、资源和提示模板，两者通过标准消息通信，同一个服务可以被不同客户端复用。