Skills
收录 96,770 个为 Agent 打包的专项能力与操作指引,复制一行命令即可安装。
设计与 UI
在 Domo App Studio 页面中构建并嵌入专业代码 JavaScript 自定义应用。衔接自定义应用构建流水线(basic-custom-app-build、domo-app-theme)与 App Studio 布局(basic-app-studio、advanced-app-studio)。涵盖原生卡片与专业代码应用之间的决策路由、与设计技能的构建协调、画布集成、页面级筛选器传播(domo.onFiltersUpdated)、App Studio 变量集成(domo.onVariablesUpdated、domo.requestVariablesUpdate)以及变量状态管理的 pending/commit 模式。当可视化或交互超出原生卡片能力、用户提到专业代码编辑器或将自定义应用嵌入 App Studio 时使用。
一个涵盖所有工程工作的统一技能:代码、UI、文档和仓库维护。根据提示词自动检测应激活哪种专长——ENGINEER 用于功能开发和代码变更(完整阶段门控 SDLC、规格、DAG 执行、TDD、评估器;SPEC-lite 模式用于仅设计文档的交接),UI 用于设计与样式(排版、间距、颜色、组件、深色模式、无障碍),DOCS 用于文档(Diátaxis 驱动:教程、操作指南、参考、解释、README),MAINTAIN 用于仓库健康(安全审计、lint/类型债务、不稳定测试、死代码、依赖升级)。当提示词跨越多个专长时,在单个会话中融合多种专长。只加载相关的参考文件——这是运行独立命令之外更节省上下文的选择。触发条件:任何代码/功能/构建请求、"design a UI"、"style this"、"write docs"、"document this"、"add a README"、"security audit"、"fix flaky tests"、"upgrade dependencies",或任意组合。
品牌标识创建与视觉识别策略。涵盖品牌个性定义、市场定位、语调、色彩心理学、作为声音表达的字体设计、视觉识别系统和动态品牌文档。适用于以下需求:品牌设计、视觉识别、徽标、品牌指南、品牌系统、品牌策略、品牌塑造、品牌色彩、品牌字体、风格指南、品牌焕新、品牌个性、语调、品牌标识、徽标设计、品牌一致性、视觉品牌塑造、创建品牌指南、品牌套件、生成品牌素材、品牌交付物、品牌标识套件,或将品牌简报转化为网页设计决策。品牌决策通过 elite-design-core(设计令牌)、elite-gsap(动态语言)和 elite-ux-strategy(转化文案)转化为实现方案。
斜杠命令风格的从 URL 到 DESIGN.md 的提取。当用户输入 /extract、要求从公开 HTTPS 网站 URL 提取 DESIGN.md,或要求从某个 URL 获得设计系统、设计蓝图、品牌 token、视觉风格、UI 灵感或可供 Agent 使用的设计规范时使用。可处理诸如 "/extract https://example.com"、"Extract a DESIGN.md from https://..."、"Make a design system document from this URL" 以及 "이 링크 디자인 따서 DESIGN.md 만들어줘." 这类提示。
评估稿件中的图表是否能有效传达其支撑的论点。从 8 个维度审查图表类型适配度、坐标轴设计、视觉层级、数据密度、图注解读、感知准确性和叙事脉络。触发于:“do my figures work”“check my plots”“are my graphs clear”“figure audit”“do my figures support my claims”“visualization review”“figure rhetoric”“plot review”“chart critique”“visual argument check”。是 manuscript-review §12(可读性)和 figure-table-quality(渲染)的配套技能。
渲染到 HTML5 Canvas 的 GSAP 动画的生产级配方。官方 gsap-core 和 gsap-timeline 技能(API 参考)的配套内容。Triggers:canvas animation、GSAP canvas、particle system、canvas particles、canvas rendering、onUpdate canvas、draw loop、sprite animation、canvas timeline、canvas GSAP、canvas morph、MorphSVG canvas、shape morphing canvas。非触发场景:不适用于基于 DOM 的动画(请用 gsap-animate),不适用于 SVG DOM 变形(请用 gsap-svg),不适用于 WebGL/Three.js。成果:使用带自定义 onUpdate 渲染管线的 GSAP 时间线、粒子系统和尺寸变化处理,产出基于 Canvas 的动画。
来自官方 GSAP showcase 的生产级高级动画组合。用于构建精美、精致动画的完整多插件参考。与官方 gsap-core、gsap-plugins、gsap-timeline 技能(API 参考)配套。触发条件:高级动画、showcase、生产动画、精美动画、hero 动画、页面过渡、加载动画、沉浸式滚动、完整动画、精致动画、动画组合、多插件动画。非触发条件:不适用于单一技术配方(请使用 gsap-scroll、gsap-text 等),不适用于 API 参考(请使用官方 gsap-skills),不适用于安装配置(请使用 gsap-setup)。成果:提供一份完整的高级动画参考,并附编排说明,随后由 gsap-animate 结合各项技术技能进行调整。
使用 SplitText 和 ScrambleTextPlugin 的 GSAP 文本动画的生产级配方。官方 gsap-plugins 技能(API 参考)的配套内容。Triggers:SplitText、split text、text animation、word animation、scramble text、ScrambleTextPlugin、text reveal、masked text、clip reveal、word stagger、text stagger、character animation、char split、kinetic text、elastic type、text decode、terminal text、cyber text、glitch text、chainTextReveal、useReveal text、GSAP text、Vue text animation、Nuxt text animation。非触发场景:不适用于无文本的滚动驱动动画(请用 gsap-scroll)、鼠标交互(请用 gsap-interact)、SVG 动画(请用 gsap-svg)或一般视觉效果(请用 gsap-vfx)。成果:产文本动画——遮罩逐词显现、乱码解码、动态拆分,以及 useReveal 组合式 API。
实现跨领域的 Hotwire UX 反馈模式:加载状态、忙碌指示器、进度条、乐观 UI、渲染拦截以及视图/页面切换。当核心目标是提升感知性能和用户反馈,且不局限于单一功能领域时,优先使用此技能。表单正确性和验证行为使用 hwc-forms-validation;导航/历史记录/缓存机制使用 hwc-navigation-content;推送/流编排使用 hwc-realtime-streaming;媒体专属行为使用 hwc-media-content;Stimulus 基础 API 问题使用 hwc-stimulus-fundamentals。
面向 Android UI 开发的 Jetpack Compose 专家 skill。指导状态管理决策(@Composable、remember、mutableStateOf、derivedStateOf、State hoisting)、视图组合与结构、Modifier 链、懒加载列表、导航、动画、副作用、主题、无障碍和性能优化。基于真实的 androidx 源码分析。只要用户提到 Compose、@Composable、remember、LaunchedEffect、Scaffold、NavHost、MaterialTheme、LazyColumn、Modifier、recomposition、Style、styleable、MutableStyleState,或任何 Jetpack Compose API,就使用该 skill。当用户说“Android UI”“Kotlin UI”“compose layout”“compose navigation”“compose animation”“material3”“compose styles”“styles api”,或询问现代 Android 开发模式时,也应触发。即使是“my compose screen is slow”或“how do I pass data between screens”这类随口提及,也应触发该 skill。
lyt 系列电商商品详情页生成 skill。用户主动调用本 skill 并上传产品图、包装图、规格图、商品资料、竞品详情页或视觉参考图后,从 0 生成商品详情页的信息结构、Slogan、逐屏文案、视觉 brief、图片生成提示词;工具可用时,还可生成分屏图和完整长图。首轮信息收集必须让用户选择不使用 Slogan、提供已有文案或由 Agent 生成。只使用图片可见事实和用户确认的资料,不根据外观编造功能、材质、功效、规格、认证、评价或销量。适用于 TikTok Shop 和跨境电商商品详情页,不用于诊断已有页面、判断产品值不值得做、根据单张参考图反推提示词或归纳竞品主图。触发方式:/lyt-detail-page、/详情页生成、“根据产品图生成详情页”“帮我从 0 做商品详情页”“参考这套页面给我的产品做详情页”
一个开放协议,规定了 AI 应用如何以统一方式连接外部工具与数据源。客户端负责与模型对话,MCP 服务负责提供工具、资源和提示模板,两者通过标准消息通信,同一个服务可以被不同客户端复用。
