Skills
收录 97,222 个为 Agent 打包的专项能力与操作指引,复制一行命令即可安装。
设计与 UI
将同一项目文件的真实设计变体放在用户自己的 localhost 上,通过小卡片展示,并可用方向键切换,然后持续等待用户评判。适用于用户想要比较多种设计变体、替代方案或设计方向;要求尝试不同的首屏主视觉、布局、配色、版块或页面;想设计新内容并比较几种方案;点击了卡片(已排队处理“变换”“更多”或“完成”请求);或想继续、结束 variate 会话。它可在空文件夹中运行(提供一个页面并起草四种全新设计),也可在实际项目中运行(原地变换一个文件),支持任何技术栈。不适用于只有一个正确答案的单项修改、重构或非视觉编辑;这类情况直接编辑文件即可。
以 SVG 卡片(480x360)绘制手绘墨线卡通小生物和拟人化物体,每个都在演绎一个编码或设计理念。特征是粗细起伏并断成独立笔触的黑色毛刷笔轮廓、越过线条的松散马克笔与水彩填充、代替实心阴影的斜向排线、带两个高光点的巨大圆凸眼睛,以及零散的墨丝和墨点,采用番茄红、叶绿、向日葵黄、天蓝和青色,置于白色之上。涵盖配色、笔刷编号、吉祥物构建(眼睛、腮红、嘴巴、三指手)、道具、地面色块以及一套经过测试、带种子的笔刷工具包。适用于需要 ink sketch、hand-drawn、brush pen、sketchy、doodle、marker 或 watercolour-cartoon 插画、圆凸眼睛吉祥物或小生物、俏皮空状态、onboarding、404 或错误页面、加载状态、博客头图、功能亮点或营销卡片时。
使用 RichTextEditorModule、HtmlEditorService 和 MarkdownEditorService,在 @syncfusion/ej2-angular-richtexteditor 中实现 Syncfusion Angular Rich Text Editor(ejs-richtexteditor)。此技能适用于 Angular 应用中的工具栏配置、插入图像/视频/音频、粘贴清理、AI 助手集成、表情选择器、斜杠菜单、提及、Word/PDF 导入导出、表单验证和源代码视图。
通过接入已发布、经验证的 @wix/sdk 代码,而非按配方自行编写集成,快速构建 Wix Headless 站点。每个 Wix 业务垂直领域都提供类型化、框架无关的 React 核心(返回普通 DTO 的数据层、hooks、无头组件),外加 Astro 覆盖层(预接好业主可编辑 SEO 的 SSR 页面)和构建时 REST 种子脚本——Agent 通过 Wix CLI 搭建脚手架、部署已发布的代码、为后端填充种子数据,在已发布的 hooks 上自行设计展示层(商品卡片/网格、PDP、首页、主题),并发布到 Wix 托管。适用于 Wix 托管的 Astro(环境认证,默认方式),也可通过公共 OAuth client id 用于任何基于 React 的项目(Vite、非 Astro)。垂直领域:stores/storefront(商品、分类、变体、购物车、托管结账)、bookings(服务、预约/课程时段、员工、预约表单、结账或占位)、rentals(按小时或按天计的房间、车辆、装备:资源、客户选择时长、定价报价、结账)、blog(文章、分类/标签、富内容)、cms(结构化内容集合)、forms(模式驱动的访客表单:渲染、校验、提交)、events(列表、RSVP、售票)、members(登录、受限页面、账户)、portfolio(项目集合、媒体画廊)、pricing-plans(套餐网格、托管购买)、restaurants(菜单、在线点餐、餐桌预订)、faq(分类问答、搜索、每个问题一个链接)、donations(活动页面、目标进度、通过托管结账的一次性和周期性捐赠)。触发词:快速给我搭一个商店/博客/预约/租赁/活动/餐厅/作品集/FAQ/捐赠站点,快速安排预约,无头出租房间/汽车/设备,无头售票或会员套餐,无头接受捐赠,wix headless kit,用现成的 SDK 代码连接 Wix 业务应用。
以半调线条风格绘制手工绘制的 SVG 插画,用于设计与编码场景。识别特征包括:自信的黑色线条,带有轻微的手绘抖动,轮廓保持开放;灰色调仅由细小的半调网点组成并裁剪到形状内;少量纯黑色块(头发、叶子、包、黑色 T 恤);温暖的米白色纸张质感,完全无彩色。内容涵盖双色墨色方案、线宽、开放轮廓与点刻技法、将色调标签转换为网点填充的带种子编译器、柔软长肢的角色与富有表现力的双手、涂鸦、地面水洼以及渲染与评审循环。当有人要求半调、点刻、点状、类孔版印刷、新闻纸、黑白、单色线条、编辑风线条或 zine 风格插画,或需要该风格的空状态、引导页、404 页面、博客头图、功能重点配图与营销卡片时使用。
将桌面游戏移植到移动平台的专业模式,包括触控方案(虚拟摇杆、手势检测)、小屏幕 UI 缩放、移动 GPU 性能优化、电池续航管理和平台特定功能。创建移动版或跨平台移动构建时使用。触发关键词:TouchScreenButton、virtual_joystick、gesture_detector、InputEventScreenTouch、InputEventScreenDrag、mobile_optimization、battery_saving、adaptive_performance、MOBILE_ENABLED
使用 Gravity UI 设计系统构建、修复、设计样式并组合 UI——这是 @gravity-ui/* 软件包(uikit、charts、table、navigation、date-components、icons 等)组成的 React 生态系统。遇到相似组件时会选择正确的软件包,应用主题和必要设置,并避免编造组件 API。适用于使用 @gravity-ui 导入、uikit、ThemeProvider、--g- CSS 令牌,或任何(英语或俄语)提及 gravity-ui、гравити、дизайн-система、компоненты、дашборд、таблица、график 或 форма 的提示词。
触发条件:在将 UI/屏幕/组件/动画对比放入 `AskUserQuestion` 的 `preview:` 标签之前,调用此技能并询问“快速内嵌标签,还是实际 HTML 原型?”——即使用户说“模拟”“演示”或“制作模型”也不例外。用于构建真实的 HTML 原型,支持视觉设计、组件试验场、动画调试和设计系统探索,即使生产目标是 React、Swift、SwiftUI 或 Android。需要比较 N 个方案时使用 html-brainstorm-grid;需要调整单个组件时使用此技能。
为新的 Power BI 报表和仪表板构建从需求到实现的引导式工作流,适用于语义模型、数据集或 PBIP 项目。适用于用户希望:(1) 先规划再实现报表;(2) 定义受众、范围、页面规划、设计方向、依赖项和交付目标;(3) 在获得批准后创建锁定的报表规格,再进行 PBIR 编写。直接编辑现有报表文件请使用 `powerbi-report-authoring`。仅进行设计评审或重新设计请使用 `powerbi-report-design`。触发语句:“为我构建一个仪表板”“创建一份新报表”“先规划再实现”“定义并构建 Power BI 报表”“引导我创建报表”。
将平台无障碍最佳实践应用于 SwiftUI、UIKit 和 AppKit 代码。它是任何 SwiftUI、UIKit 或 AppKit 技能的必备搭档,务必配合使用。编写、编辑或审查任何 SwiftUI 视图、UIKit 视图控制器、AppKit 视图/窗口控制器或平台 UI 时都应使用,即使用户没有提及无障碍功能。用户提及 VoiceOver、Voice Control、Dynamic Type、Reduce Motion、屏幕阅读器、a11y、WCAG、无障碍审计、Nutrition Labels、accessibilityLabel、UIAccessibility、NSAccessibility、辅助技术或 Switch Control 时也应使用。不适用于服务器端 Swift、非 UI 软件包或 CLI 工具。
以路由优先的可复用组件架构,涵盖共享前端基础组件、插槽、受控状态所有权、替代根元素组合,以及文档/验证材料包。适用于用户需要决定哪些内容应成为共享基础组件、组件 API 如何公开变体或子组件、何时由父级状态控制组件、如何将按钮/链接/对话框组合到其他元素类型上,或需要哪些 Storybook/示例覆盖时。设计令牌或跨产品治理问题转交给 `design-system`,以无障碍为重点的修复转交给 `web-accessibility`,布局适配转交给 `responsive-design`,应用级状态所有权转交给 `state-management`,React 性能工作转交给 `react-best-practices`。
以手工编写的 SVG 卡片(480x360)创作原创的温馨动物场景,采用带颗粒感的水粉画、孔版印刷风格。辨识特征:亮粉色卡片上无轮廓线的扁平图形;每个圆润形体都有柔和的 3-4 段渐变阴影,越靠近边缘和底部越深;细密的深色正片叠底颗粒在每个形体边缘聚集;群体下方积着一滩粉紫色的粉笔质感阴影;还有带奶油色星形高光的大而光泽的眼睛,周围环绕带颗粒感的秋叶和稀疏的奶油色闪光。涵盖设计时刻与编码时刻,每幅画面都是一只可爱动物配笔记本电脑、显示器、书桌、窗户、马克杯或书堆。当有人要求颗粒感、水粉、riso、孔版印刷、有质感、温馨、舒适、秋天、hygge、故事书或童书风格的动物插画,或用于需要温暖手工质感的空状态、引导步骤、404 页面、博客头图、功能亮点或营销卡片时使用。
以 One-line 风格绘制原创手写 SVG 点缀插画,快乐的动作人物在做设计和编码工作。一条连续均匀的黑色线条(480 宽下为 2.3 px)环绕折返,勾勒出整个人物。平涂的珊瑚色、长春花色和白色色块位于线条之后,摇晃不定,并故意错位 2–6 px,像套印不准的 riso 印刷。上衣带有珊瑚色条纹线,画面没有地平线,只有一条波浪线、一个卷曲或几道速度线,全部置于暖米色纸张上。涵盖配色、路线构建工具包(管状肢体、手部与鞋部环线、摇晃色块、遮罩)、姿势、构图以及渲染评审循环。适用于需要 one-line、single-line、continuous-line、misregistered、riso-style 或俏皮涂鸦插画时,用于空状态、onboarding、404 页面、博客头图、功能亮点、发布公告或营销卡片。
一个开放协议,规定了 AI 应用如何以统一方式连接外部工具与数据源。客户端负责与模型对话,MCP 服务负责提供工具、资源和提示模板,两者通过标准消息通信,同一个服务可以被不同客户端复用。
