Skills
收录 97,501 个为 Agent 打包的专项能力与操作指引，复制一行命令即可安装。
设计与 UI
用于印刷或数字展示的活动海报、宣传单页和公告物料，通过 Gemini 3.1 Flash 图像生成（默认）或 HTML/CSS 制作。涵盖印刷规格（出血、300 DPI、CMYK）、构图框架、字体层级和背景。当作品是独立的竖版/横版海报或单页时使用；信息流帖子请用 social-media-graphic，网页/邮件横幅请用 banner-design。触发短语："design a poster"、"create a flyer"、"event poster"、"promotional poster"、"announcement design"、"concert poster"、"sale flyer"、"product launch poster"。
强制建立规范的 widget/layout/golden/a11y 测试面——一个 pumpApp 测试装置，固定 tester.view.physicalSize x devicePixelRatio，并在 MaterialApp 之上叠加 MediaQuery（textScaler/boldText/accessibleNavigation）；一个绝不抑制的溢出监测网（每个 device x scale x bold 组合一个 testWidgets，因为溢出在每个 RenderObject 只报告一次）；用计算出的 getSize/getRect 适配与几何校验门替代 golden；两条 golden 通道（Ahem 几何 + 一条固定 OS 的真实字体），配合 loadAppFonts 并阻止 --update-goldens；在 Directionality 下测试 RTL golden；对颜色值做纯 Dart 的 WCAG/APCA 对比度计算；以及 meetsGuideline 的诚实局限。在编写 test/support/harness.dart、调用 pumpWidget/pumpApp、排查“overflowed by N pixels”失败、想用 takeException/ignoreOverflowErrors/FittedBox/withClampedTextScaling、添加 matchesGoldenFile，或编写含 isSemantics/simulatedAccessibilityTraversal/meetsGuideline 的 a11y_test.dart 时使用。
当用户有一个或多个视频片段，并想添加后期内容时使用：将 AI 生成的封面作为首帧、添加与 SRT 同步的 HTML/CSS 字幕、在吸引点叠加动态插画、添加章节标签、片尾 CTA，或其他定时动态图形。通常作为 `/wjs-segmenting-video` 的后续步骤使用——从该 skill 停下的位置接手（原始裁剪片段 + 每个片段的 SRT），制作可直接上传的 MP4。由 HyperFrames 提供支持，所有内容会编译为一次最终编码，不会反复转码。触发语包括“加封面”“加字幕”“加动画”“加 CTA”“做后期”“post-production”“title card”“kinetic captions”“end card”。
使用 Three.js、React Three Fiber、GSAP 和 Framer Motion 设计、构建并部署现代高端网站及高级动画和 3D 交互体验的专家技能。用户希望构建含 3D 元素的网站、创建沉浸式 Web 体验、为页面添加交互式 3D 图形、打造具有电影感视觉效果的高端落地页、设计带动画的现代初创公司网站、创建 WebGL 或 Three.js 场景、构建含 3D 模型的产品展示，或制作任何视觉效果出众、屡获殊荣的 Web 界面时，均可使用。用户提到“做出 Awwwards 风格”、“给我的网站添加 3D”、“构建交互式落地页”、“创建沉浸式体验”、“带动画的高端网站”、“现代初创公司页面”、“带粒子或地球的主视觉”、“漂浮的 3D 元素”，或提及 Three.js、React Three Fiber、WebGL、GSAP 时间线、滚动驱动动画、粒子系统、3D 产品可视化或电影感 Web 设计时，也应触发——即使用户没有明确提到“3D”或“动画”。
来自 ui.inference.sh 的 React/Next.js 开箱即用 Agent 组件。一个组件内置运行时、工具、流式传输、审批和微件。能力：即插即用 Agent、human-in-the-loop、客户端工具、表单填写。用于：构建 AI 聊天界面、Agentic UI、SaaS copilot、助手。触发词：agent component、agent ui、chat agent、shadcn agent、react agent、agentic ui、ai assistant ui、copilot ui、inference ui、human in the loop。
创建深色主题的动态技术图表，并生成独立的 HTML+SVG 文件：连接线可见地流动的流程图，以及请求以光点形式穿过系统的架构图（Diagrid/Temporal 落地页风格）。用户需要流程图、工作流、管线、流程图示、状态机、系统架构、基础设施、云、微服务或网络拓扑图时使用，尤其是提到“动画”“流动”“动态”“有生命力”“类似 GIF”，或想为落地页、README、文档或产品演示制作图表时。也用于将 Mermaid 源码（mermaid 代码块或 .mmd 文件）转换为动画图表，例如“让这个 Mermaid 动起来”“让这个流程图动起来”。只要图表表示移动的对象，如请求、事件、数据、任务、消息或控制流，就优先于静态图表。
当用户想根据论文、科研文档、研究文本、图注、开题／答辩材料或具备读图条件的参考图生成可复制的 AI 科研绘图提示词时使用；触发场景包括论文配图、科研绘图、图形摘要、Graphical Abstract、机制图、技术路线图、实验装置图、模型架构图、多面板对比图、汇报总览图、参考图风格迁移、未知领域母版生成，或上传／引用 PDF、Word、LaTeX、Markdown、摘要、方法段、图注、课题说明、研究方案、参考图片。用户还要求科学插图提示词、科研插画提示词、图形摘要提示词、机制图、技术路线图、实验装置图、模型架构图、多面板科学图、论文／会议配图，或根据论文、科研文档、摘要、方法章节、图注、提案、参考图、PDF、Word 文档、LaTeX 文件、Markdown 文件或研究计划生成 AI 图像提示词时也使用。
通过 Nano Banana Pro（默认）、Nano Banana 和 Flux 生成 20 多种格式的静态视觉内容，包括图表、mermaid、信息图、D3 仪表板、漫画、图标和壁纸。用于艺术创作、插画、图表、流程图、信息图、页眉图片、博客社交媒体缩略图、可视化、图像生成、mermaid、架构图、漫画、图标、博客美术、框架图、D3 图表、移除背景和壁纸。不适用于固定品牌风格的 YouTube／频道／视频缩略图、视频或动画（使用 Remotion），也不适用于 Web UI 设计和集成式前端布局（使用 Webdesign）。
用于 UI 实现和评审的结构化截图分析。使用 5×5 空间网格、完整元素清单和设计系统提取来分析每张 UI 截图——每次兼顾事实与审美。开始构建时会进一步提供完整的实现蓝图。遇到任何数字界面图像文件（png、jpg、gif、webp，包括网站、应用、仪表板、模型图、线框图）或“分析这张截图”“重建这个”“匹配这个设计”“克隆这个”等指令时触发。对于非 UI 图像（照片、表情包、图表），除非用户明确想据此构建 UI，否则跳过。HTML 源代码、CSS、SVG 或以文本粘贴的任何代码都不会触发。
强制实施 gen-l10n/ARB 本地化契约：每个字符串都经由来自模板 app_en.arb 的 AppLocalizations，key + 占位符一致性，nullable-getter:false 使缺失的 key 成为编译错误，ICU plural/select 优先于拼接，仅使用方向性几何（EdgeInsetsDirectional、AlignmentDirectional、TextAlign.start、Icons.adaptive），混合文字段落用 FSI/PDI 隔离，按 locale 的 NumberFormat 并固定记数系统，存储使用规范 UTC 纪元 + ASCII、仅在渲染时投影，任何解析前先规范化为 ASCII，以及三个随附的 LocalizationsDelegates 放在 Global* 之前，用于 flutter_localizations 缺失的 locale。在添加或翻译 ARB key、构建 RTL 屏幕、格式化或解析日期/数字/数码、装配 l10n.yaml、AppLocalizations 或 MaterialApp localizationsDelegates、支持 Flutter 缺失的 locale（ckb）、修复在 Tooltip 上崩溃或渲染为 LTR 的 locale、检查打包字体字形覆盖、隔离技术 ID，或修改 app_*.arb 时使用。
来自 ui.inference.sh 的 React/Next.js 工具生命周期 UI 组件。展示工具调用：待处理、进行中、需要批准、结果。能力：工具状态、进度指示器、批准流程、结果展示。适用场景：展示 Agent 工具调用、人在环路中的批准、工具输出。触发词：tool ui、tool calls、tool status、tool approval、tool results、agent tools、mcp tools ui、function calling ui、tool lifecycle、tool pending
一个开放协议，规定了 AI 应用如何以统一方式连接外部工具与数据源。客户端负责与模型对话，MCP 服务负责提供工具、资源和提示模板，两者通过标准消息通信，同一个服务可以被不同客户端复用。