Skills
收录 96,981 个为 Agent 打包的专项能力与操作指引，复制一行命令即可安装。
设计与 UI
当用户希望制作以动效传达信息、以设计为主导的短时长动态图形时使用：动态排版、数据或数字滚动增长、图表/数据可视化呈现、logo 短动画、品牌标识组合、姓名条、标注、社交媒体叠加层、动态标题/推文/新闻条目、动态海报，或快速网页录屏精华。通常在 10 秒以内，最多约 30 秒，不含叙事结构、旁白或真人实拍主体。可渲染为 MP4 或带透明通道的叠加画面。不适用于更长、多场景、带旁白或品牌片性质的成片（使用 general-video）、带旁白的网站视频（website-to-video）、主题讲解类视频（faceless-explainer）、产品推广（product-launch-video）、公关视频（pr-to-video），或为现有素材添加字幕（embedded-captions）。不确定是快速动效优先的短片还是更长或带旁白的版本时，请参阅 /hyperframes。
单页自动化层级——对线上页面运行 Web 无障碍（a11y）规则引擎，定位它能以机械方式检测到的每一处违规。可传入 URL、配置目标名称（例如 `accesslint:accessibility-scan dev`），或不传参数以使用 `accesslint.config.json` 中的默认目标。确保 Chrome 可调试，通过 CDP 运行 @accesslint/core 引擎，并返回线上 DOM 的 WCAG 2.2 违规工作清单，每条都定位到其 DOM 选择器和源文件 `file:line`。只定位，不修改。适用于 'is this page accessible'、'check a11y on this URL'、'find contrast and alt-text issues' 或验证 UI 变更。需要手动键盘和屏幕阅读器检查请用 `accessibility-inspect`；针对整个站点或产品请用 `accessibility-audit`；要与未提交的更改或某个分支做差异对比请用 `accessibility-diff`。
为 Web 应用生成完整的营销网站：包含多个页面、真实截图、动画 GIF 操作演示、功能深度介绍和工作流演示。浏览运行中的应用，捕获屏幕和操作序列，并生成可部署的网站，清晰展示产品功能。尤其适用于难以说明的复杂应用或 Agent 应用。触发词：'showcase site'、'product page'、'show off the app'、'marketing site'、'demo site'、'product showcase'、'explain the app'、'how do I market this'。
构建并完善精致的 Web 界面：品牌网站、产品仪表板和工作流、AI 工作台、电商、H5/移动端屏幕及单个组件。按用途选择路径，保留项目特色，并审核视觉质量、无障碍性和动效。通过编辑、应用和空间模式支持 Apple 风格 / 苹果风设计，并提供可运行的卡片示例。适用于落地页、作品集、仪表板、管理面板、设置、Agent 控制台、产品页、结账、移动应用 UI、设计系统提取、重新设计、字体、色彩、布局、动画、拖动/滑动/面板交互及避免通用化的迭代。包括定向审核、更加大胆、更加克制、灵魂、差异化、动画、深度、加密集、初始化和文档工作流。不包括纯后端任务
创建完整的 AEM 组件，包括对话框、HTL 模板、Sling Model、单元测试和 clientlibs。支持扩展 Core Components 和项目组件。提供 Figma 设计 URL 时，通过 Figma MCP（get_design_context）获取设计，并将其转换为像素级精准的 HTL、CSS 和 JS。遵循适用于 AEM Cloud Service 和 6.5 的 Adobe Experience League 最佳实践。用户提到创建、构建、生成或搭建 AEM 组件，或提到 teaser、card、hero、banner、accordion、tabs、carousel、list、navigation、breadcrumb 等组件类型或任何自定义 AEM 组件时，均使用此技能。用户希望扩展 Core Component、创建组件对话框、添加 Sling Model，或将 Figma 设计转换为 AEM 组件时也会触发
当用户在产品代码库中构建或重构 UI，并希望获得设计师水准的前端代码（而不只是功能可用）时使用。触发语句包括“设计得更好”“让这个 UI 更有设计感”“提升设计质量”“遵循设计最佳实践构建”“遵循 UX 启发式原则”“让它看起来更专业”“润饰设计”“审查工艺质量”，以及任何要求在代码生成或审查中应用 UX/UI 工艺启发式原则的请求。若存在 `docs/design.md`，则与其配合使用：设计系统文件负责**风格**（颜色、字体、间距 token、组件），此技能负责**工艺**（层级、交互、无障碍、动效、润饰）。每项视觉决策都按名称引用 `docs/design.md` 中的 token；每项工艺决策都应用下方的 50 项启发式目录和 Laws of UX 目录。若不存在 `docs/design.md`，则遵循代码库现有的设计规范，并推荐 **Design System** 技能。如果某项启发式原则需要设计系统中没有的 token，将其标记为通过 **Design System** 技能添加的新模式，切勿直接编造值。完全独立。
数据可视化，涵盖图表选择、色彩理论和标注最佳实践。包括图表类型（柱状图、折线图、散点图、热力图）、坐标轴规则以及用数据讲故事。适用场景：图表、图形、仪表盘、报告、演示、信息图、数据故事。触发词：data visualization、chart、graph、data chart、bar chart、line chart、scatter plot、data viz、visualization、dashboard chart、infographic data、data presentation、chart design、plot、heatmap、pie chart alternative
基于研究的客户画像创建，附带市场数据和头像生成。涵盖人口统计、心理统计、待办任务、旅程映射和反画像。用途：营销策略、产品开发、UX 研究、销售赋能、内容策略。触发词：customer persona、buyer persona、user persona、target audience、ideal customer、customer profile、audience research、user research、icp、ideal customer profile、target market、customer avatar、audience persona。
Skyline Worklet 动画系统技能。使用 worklet 函数、共享变量（SharedValue）、动画类型（timing/spring/decay）、Easing 缓动函数、组合动画和线程通信（runOnUI/runOnJS）开发高性能交互动画时使用此技能。适用于拖拽、手势跟随、弹簧回弹等需要 UI 线程直接响应的动画场景。触发关键词：worklet、worklet 动画、SharedValue、共享变量、timing、spring、decay、Easing、runOnUI、runOnJS、applyAnimatedStyle、交互动画、手势动画、UI 线程动画。
正确使用 Libraries.dev UI 效果库，并找出它们在项目中的适用位置。涵盖 Border beam（border-beam）、Thinking orbs（thinking-orbs）、Gooey（liquid-gooey）、Voice（voice-glow）、Bot avatars（bot-avatars）、Liquid metal（metal-fx）和 Image（img-fx）。适用于添加 AI 思考或加载状态、输入框或卡片周围发光或动画的边框、语音或麦克风可视化、动画的机器人或 Agent 头像、液态金属按钮或徽章、图像生成的占位或显示、黏液 blob 或液态菜单，或当用户提到 libraries.dev 或上述任一包时。也适用于「review my project for libraries.dev」「where could I use these effects」以及命令 libraries reveal、libraries review、libraries apply。
一个开放协议，规定了 AI 应用如何以统一方式连接外部工具与数据源。客户端负责与模型对话，MCP 服务负责提供工具、资源和提示模板，两者通过标准消息通信，同一个服务可以被不同客户端复用。