Skills
收录 96,770 个为 Agent 打包的专项能力与操作指引，复制一行命令即可安装。
设计与 UI
构建技术活动的公开门面及其周边小站点——根据资助模式决定页面形态（付费活动为单一 CTA 的 hero 区，免费活动为统计数据 hero 区且不推销报名）、区块集合、基于日期的门控 CTA 状态机（使 Propose 仅在征稿窗口内渲染、Register 仅在报名窗口内渲染）、无障碍目标以及活动结构化数据。当用户要求构建或评审会议、meetup 或黑客松网站、撰写活动首页、决定门票开售前页面应展示什么，或对活动站点做上线前检查时使用。不要用于定价或定位——请用 samber/dev-event-organizer-skills@event-ticket-pricing 或 samber/dev-event-organizer-skills@event-positioning。
运行 SLDS linter 并修复违规项，将 Lightning Web Components 从 SLDS 1 迁移到 SLDS 2。用户提到 SLDS 2、SLDS 升级、linter 违规、LWC 令牌迁移、类覆盖、需要用 SLDS hook 替换的硬编码 CSS 值，或样式 hook 选择时，使用此技能。涵盖所有样式 hook 类别：颜色、间距、尺寸、排版、边框、圆角和阴影。用户提到 no-hardcoded-values、no-slds-class-overrides、lwc-to-slds-hooks、no-deprecated-tokens-slds1，或询问 SLDS 组件迁移时也使用，即使没有明确提到“升级”或“迁移”。
在 PixiJS v8 应用中添加屏幕阅读器与键盘导航时使用本技能。涵盖 AccessibilitySystem 的选项（enabledByDefault、debug、activateOnTab、deactivateOnMouseMove）、各容器的无障碍属性、shadow DOM 覆盖层、移动端触摸钩子激活。触发词：无障碍、a11y、屏幕阅读器、ARIA、键盘导航、Tab 顺序、AccessibilitySystem、accessibleTitle、accessibleHint、tabIndex、accessibleChildren。
将精益思维应用于 UX：通过假设驱动的设计、协作式草图绘制和快速实验取代繁重的交付物。适用于用户提到“Lean UX”“design hypothesis”“outcome over output”“design studio method”“assumption mapping”“lightweight research”“too much design documentation”或“get the team designing together”的情况。减少设计文档开销、让跨职能团队共同设计或开展快速可用性实验时也会触发。涵盖假设陈述、UX 的 MVP 和跨职能协作。关于 Build-Measure-Learn，请参阅 lean-startup。关于可用性审查，请参阅 ux-heuristics。
使用行为设计（B=MAP）诊断并解决留存问题。适用于用户提到“users sign up but dont stick around”“activation rate”“onboarding friction”“retention metrics”“why users dont complete”“churn analysis”或“aha moment”的情况。分析群组留存曲线、设计激活里程碑、缩短新用户实现价值所需时间，或调查用户为何在首次会话后离开的情况也会触发。涵盖 Ability Chain、提示设计和能产生累积效果的微小行为。关于习惯循环和可变奖励，请参阅 hooked-ux。关于内在动机，请参阅 drive-motivation。
运行结构化的 5 天流程，与真实用户一起对产品构想进行原型、测试和验证。当用户提到"design sprint"、"validate before we build"、"rapid prototype"、"test with users"或"should we build this"时使用。当团队在高风险产品决策上陷入无休止的争论，或希望在投入开发之前降低某个高成本构想的风险时也应触发。涵盖周一至周五的用户映射、草图、决策、原型和测试环节。关于持续实验与 MVP，参见 lean-startup。关于客户任务分析，参见 jobs-to-be-done。关于非引导式用户访谈，参见 mom-test。
在对 uiBundles/*/src/ 下的任何文件（或该 bundle 的 index.html）进行编辑、对现有应用做视觉或 UI 改动之前，必须先激活本技能 —— 包括页面、组件、区块、布局、样式、颜色、字体、导航、动画、品牌标识或任何观感与风格上的变化。在修改现有 UI bundle 应用中的页面、组件、布局、样式、导航或品牌标识时使用本技能。当项目包含 appLayout.tsx、routes.tsx、src/pages/、src/components/、src/styles/global.css 或该 bundle 的 index.html 时激活。本技能包含关键的、针对本项目的约定（appLayout.tsx 外壳、shadcn/ui 组件、Tailwind CSS、Salesforce 基础路径路由、模块限制），其效力高于通用知识。不使用本技能，生成的代码会使用错误的导入、破坏路由或无视项目结构。从零开始创建新应用，或 bundle 尚未搭建脚手架时，请勿使用本技能（请改用 experience-ui-bundle-app-coordinate）。
根据文章、脚本、截图、产品说明、字幕、照片或用户提供的视频，生成 Guizang 风格的社交卡片图片集、Live Photo 动态卡片、以素材为先的 Live Photo 拼图布局、三连 Live Photo 拼图、长视频转 Live Photo 效果，以及微信公众号封面组合。适用于用户要求小红书图文、Rednote/Xiaohongshu 图片、社交卡片、轮播图片、3:4 封面、Live Photo、实况照片、单视频实况拼图、二宫格实况拼图、三连实况拼图、四宫格实况拼图、微信公众号封面、微信 21:9 + 1:1 封面、Swiss Style 或杂志风格社交图片。
使用 Opportunity Solution Tree、假设映射和访谈快照，建立每周的客户接触节奏。适用于用户提到"持续发现""opportunity solution tree""每周访谈""假设验证""发现习惯""产品三件套""基于结果的路线图""我该如何定期与客户沟通""我们一直在构建没人用的东西""把研究连接到路线图"等情况。在建立定期的客户反馈闭环、确定要优先做哪些实验，或将发现洞察与交付工作关联时也应触发。涵盖体验映射、共创和机会优先级排序。访谈技巧参见 mom-test。团队结构参见 inspired-product。
当用户想要构建、创建或生成 React 应用、React app、Web 应用、单页应用（SPA）或前端应用时，必须激活——即使尚未存在任何项目文件。当项目包含 uiBundles/*/src/ 目录或 sfdx-project.json，且提示词要求从零创建、构建、构造或生成新的应用、站点或页面时，也必须激活——即使提示词同时描述了视觉样式。当任务跨越多个 ui-bundle 技能时，也必须激活。在端到端构建完整应用时使用此技能。不适用于包含自定义对象的 Lightning Experience 应用（请使用 platform-lightning-app-coordinate）。不适用于对现有页面进行单一改动（请使用 experience-ui-bundle-frontend-generate）。
构建和调试 Shopify 主题（.liquid 文件、theme.json、sections），开发自定义 Shopify 应用（shopify.app.toml、OAuth、webhooks），并为无头店铺实现 Storefront API 集成。适用于构建或定制 Shopify 主题、创建 Hydrogen 或自定义 React 店铺、开发 Shopify 应用、实现结账 UI 扩展或 Shopify Functions、优化性能或集成第三方服务。在涉及 Liquid 模板、Storefront API、应用开发、结账定制、Shopify Plus 功能、App Bridge、Polaris 或 Shopify CLI 工作流时调用。
为落地页、SaaS 应用、仪表盘、电商、演示文稿、文档、作品集等设计独特、不落俗套的 UI，涵盖排版、OKLCH 色彩、设计令牌（DESIGN.md）、布局、组件、动效、深色模式和无障碍设计，避免 AI 套路或 Claude 式默认风格。构建或美化任何 Web 前端、应用、仪表盘、落地页、演示文稿或其他作品时均使用；用户提出“别做得像 AI”“去 AI 味”“降低模板感”“更有个性”“为 X 设计 UI”“设计一个应用”“更新 DESIGN.md”，或抱怨成品看起来和其他 AI 网站没区别时也使用。即使用户只说“为 X 构建 UI”且未指定审美要求，也应触发。不用于撰写营销文案。
提取、检索并把 CMS 品牌指南（品牌声音、调性、风格、色彩、排版）应用到生成的内容中。只要用户请求涉及品牌、品牌声音、品牌调性、品牌指南、品牌识别、品牌风格，或把品牌应用到内容上，就使用此技能。适用于「应用我的品牌」「使用我们的品牌声音」「匹配我们的品牌指南」「查找我的品牌」「搜索品牌」「获取品牌说明」「应用品牌调性」等请求。覆盖完整工作流：在 Salesforce CMS 中搜索品牌、提取品牌说明、将品牌声音/调性/指南应用到生成的内容。不适用于媒体/图片搜索（请用 experience-search-coordinate 技能）、Logo 搜索或创建新的品牌定义。
构建原生感十足、达到基准测试质量的移动应用界面（Expo / React Native）。适用于设计或实现任何移动 UI，包括屏幕、流程、引导页、付费墙、标签栏、面板、设置和空状态；也适用于优化动效、导航、排版、深色模式或感知性能。严格遵循 Apple HIG、语义化颜色和原生控件，避免粗制滥造；遵循导航语义（push 与 replace、模态框与面板或覆盖层，以及不应提供返回操作的单向入口）、有目的的 Reanimated 动效、经模拟器验证的完整动态迭代循环，以及优先研究真实应用的工作流（配合 Appllama MCP 使用）。遇到“构建一个屏幕”“改进这个屏幕”“设计引导流程”“接通这个流程”“润色 UI”“让它更有原生感”或任何移动端设计/实现任务时触发。
使用 Higgsfield 为任何行业或品牌打造沉浸式滚动擦除式“飞越世界”落地页。访客滚动时，预渲染的摄像机从每个场景外部飞入内部，然后无剪辑地接续下一个场景，形成一次连续的飞行（可采用 Emons 风格的等距微缩景观世界，或任意艺术指导）。该技能会询问用户主题、故事节拍/章节和品牌素材，然后使用 Higgsfield 生成风格统一的场景与无缝摄像机片段，并接入可移植、与框架无关的滚动擦除引擎。视频链默认通过 Monid 渲染（Seedance 2.0，按片段付费 USD——每次构建时重新确认功能，请参见 Step 4），Higgsfield 额度作为备用计费方式。适用于用户想要“3D 世界”/“浏览行业”主视觉、滚动电影效果、微缩景观落地页，或将业务变成可滚动浏览的世界时。
一个开放协议，规定了 AI 应用如何以统一方式连接外部工具与数据源。客户端负责与模型对话，MCP 服务负责提供工具、资源和提示模板，两者通过标准消息通信，同一个服务可以被不同客户端复用。