experience-ui-bundle-app-coordinate
Salesforce 官方技能，用于根据自然语言描述编排多个 UI bundle 子技能，按依赖顺序构建可部署的 React UI bundle 应用。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 11-03 00:11
前端与建站
11,398 个结果
experience-ui-bundle-features-generate
用于向 Salesforce UI Bundle（React 或 Angular）安装预构建、已测试功能包的技能，基于 @salesforce/ui-bundle-features CLI，支持认证、搜索等功能的安装、冲突处理与集成验证。
experience-ui-bundle-frontend-generate
Salesforce UI Bundle 前端生成技能：在修改已有应用的 uiBundles/*/src/ 或 index.html 前必须先激活，用于页面、组件、页头页脚、布局导航与品牌等视觉/UI 变更，并强制走解析目录、前置检查、功能目录查询与规则校验流程。
experience-ui-bundle-localize
用于将 uiBundles/*/src/ 下的 React 或 Angular 项目本地化/国际化的技能：把硬编码的用户可见字符串抽取为 Salesforce Custom Labels，通过 Platform SDK 在运行时接入 i18n 库，并跨语言验证标签。
generating-ui-bundle-features
面向 Salesforce UI Bundle 项目的技能：在 uiBundles/*/src/ 目录下，帮助通过 features CLI 检索、查看并安装预置功能包（如 shadcn/ui、认证、搜索、导航、GraphQL、Agentforce AI 等），并处理安装冲突与示例文件集成。
generating-ui-bundle-metadata
Salesforce UI Bundle 元数据生成技能：在项目含 uiBundles/*/src/ 目录时激活，用于脚手架生成新 UI Bundle、编写 ui-bundle.json 与元数据 XML，并处理 CSP 受信站点配置。
generating-ui-bundle-site
该技能用于在 Salesforce 上创建和配置承载 React UI Bundle 的 Digital Experience Site（数字体验站点）。当项目包含 uiBundles/*/src/ 目录且任务涉及创建或配置站点基础设施时启用。它会生成最小必要的站点元数据——Network、CustomSite、DigitalExperienceConfig、DigitalExperienceBundle 以及 sfdc_cms__site 内容类型，使 React 应用可以从 Salesforce 提供服务。与标准 LWR 站点不同，React 站点不需要 routes、views、theme layouts 或 branding sets；站点作为薄容器（appContainer: true），把渲染委托给 appSpace 引用的 React UI bundle。技能要求先解析 siteName、siteUrlPathPrefix、appNamespace、appDevName、enableGuestAccess 五个属性，再按模板填充元数据，并在部署前进行校验。
platform-flexipage-generate
用于创建、生成、修改和校验 Salesforce Lightning 页面（FlexiPage）的技能，覆盖 RecordPage、AppPage、HomePage 及 *.flexipage-meta.xml 文件的编辑与部署排错。
shadcnui-patterns
基于 shadcn/ui 组件、遵循 FrankX 玻璃拟态设计系统构建精美且可访问界面的技能，强调设计先行、组件结构与无障碍要求，用于为 FrankX.AI 开发 UI 组件、表单、弹窗等交互元素。
aframe-webxr
A-Frame WebXR 技能：用 HTML 与实体-组件架构声明式构建浏览器端 3D、VR、AR 体验，涵盖场景搭建、相机与控制器、光照材质、动画、资源管理、自定义组件及 AR 命中测试等常见模式。
animejs
Anime.js 是一款轻量级 JavaScript 动画引擎，可对 DOM、CSS、SVG 属性及 JavaScript 对象做动画，支持时间轴编排、交错（stagger）效果、SVG 路径变形与描边绘制，框架无关，压缩后约 9KB。
barba-js
Barba.js 是一个轻量级页面过渡库，通过拦截站内导航、用 AJAX 获取新内容并平滑切换容器，让多页网站获得类似单页应用（SPA）的体验，同时保留多页架构。支持生命周期钩子、视图逻辑、路由与预取插件，可与 GSAP 等动画库配合。
lottie-animations
基于公开资料整理的 Lottie 动画渲染技能，用于在 Web 与 React 等前端应用中加载和播放 After Effects 导出的 JSON 矢量动画，支持 dotLottie 压缩格式及多框架集成。
modern-web-design
2024-2025 现代网页设计技能，汇总性能优先、大胆极简、微交互、滚动叙事、自定义光标、玻璃拟态、AI 个性化等趋势与实现模式，并提供无障碍与性能最佳实践。
motion-framer
Motion（原 Framer Motion）是面向 React 与 JavaScript 的生产级动画库，用声明式写法实现流畅动画。它提供 motion 组件、变体、手势（hover/tap/drag/focus）、退出动画、布局动画与弹簧物理，兼容 React 18+、Vue 与 TypeScript。
react-spring-physics
基于物理的 React 动画技能，结合 React Spring 的弹簧动画与 Popmotion 的底层物理工具，用于自然、可中断的 UI 动效、手势交互、惯性滚动与 3D 场景动画。
react-three-fiber
React Three Fiber（R3F）是 Three.js 的 React 渲染器，用 JSX 组件声明式构建 3D 场景，可直接使用 React 的 hooks、状态管理与生态库，适合在 React 应用中开发交互式 3D 体验。
scroll-reveal-libraries
介绍 AOS（Animate On Scroll）滚动触发动画库的技能，涵盖安装、data-aos 属性用法、全局与元素级配置、常见页面模式、React/Vue/Next.js 集成、性能优化与常见问题，适合营销页、落地页和内容型站点。
web3d-integration-patterns
一个用于组合 Three.js、GSAP ScrollTrigger、React Three Fiber、Motion 与 React Spring 的元技能，提供架构模式与集成策略，帮助构建复杂、高性能的 3D 网页体验。
pixijs-rendering
面向 PixiJS 8.21 的渲染层技能，讲解异步 Application 初始化、Assets 资源加载、Container/Sprite 场景图、ticker 循环、指针事件与渲染组，并列出 v8 常见坑与 v7 迁移差异。
threejs-gltf-loading
面向 three.js 的 glTF/GLB 模型加载与动画技能：用 GLTFLoader 导入模型、AnimationMixer 播放骨骼动画，并支持 DRACO/Meshopt 压缩几何与 KTX2 压缩纹理，模式针对 r186 编写。
md2wechat
md2wechat 是一个命令行工具（CLI），用于把 Markdown 转换为微信公众号 HTML，并支持文章预览、元数据检查、微信草稿上传、封面与信息图生成、图片帖创建等操作。它通过技能方式驱动，强调先做能力发现再执行，区分 API 模式与 AI 模式。
sentry-react-setup
在 React 应用中安装与配置 Sentry 的技能，涵盖 @sentry/react 安装、错误监控、错误边界、会话回放、追踪、路由与 Redux 集成及 Source Maps 上传。
sentry-browser-sdk
面向浏览器 JavaScript 的 Sentry SDK 完整安装向导。可扫描项目并引导配置错误监控、追踪、会话回放等，适用于原生 JS、jQuery、静态站点、WordPress 等无框架专项 SDK 的项目，涉及 @sentry/browser 安装与 Loader Script 配置。