Skills
收录 97,501 个为 Agent 打包的专项能力与操作指引，复制一行命令即可安装。
设计与 UI
每当任务要在网页上添加、嵌入或更改视频或音频时使用，即使尚未选定播放器：HTML `<video>` 或 `audio` 元素、播放器组件、播客播放器、主视觉或背景视频，或直播。使用 React 组件或 HTML 自定义元素构建可定制、可访问的 Video.js 10 播放器，适用于 React/Next.js、Vue/Nuxt、Svelte/SvelteKit、Astro 或 CDN 页面。涵盖自定义 UI 与皮肤、字幕、HLS、DASH、DRM、投屏、分析与托管媒体。也用于 Video.js 8 迁移或与 Plyr、Media Chrome、Mux Player、Vidstack 或 react-player 的比较。先从已安装包中的版本匹配安装说明和文档入手，再看 videojs.org。
确保每个界面都处理非理想路径：通过对 AsyncValue 或封装视图状态进行一次 switch 来处理加载、空状态、错误和内容，绝不使用 isLoading+error+data 三个布尔值；使用延迟显示且形状与结果一致的骨架屏，而非闪现的旋转指示器；刷新时保留屏幕上的过期内容；区分“暂无内容”和“没有内容符合此筛选条件”，并分别提供操作；错误文本来自类型化的 Failure 代码（绝不使用 e.toString()），并提供会使 provider 失效的重试；按内联提示、snackbar、横幅、对话框的层级选择呈现方式，只有必须立即做出决定时才使用模态窗口；优先软删除并提供撤销，而非确认提示；将 showDialog 的 null 关闭作为独立结果处理；在 await 前捕获 ScaffoldMessenger；并为仅视觉上的变化提供播报。编写加载、空状态、错误或离线 UI，调用 AsyncValue.when、showDialog、showModalBottomSheet、showSnackBar 或 showMaterialBanner，或添加确认、撤销或重试时使用
将参考图或简要描述解码为可编辑的半色调纸张拼贴规范，默认使用 Codex 内置 image_gen 生成品牌一致的静帧和透明图层，再用本地 FFmpeg 或 HyperFrames 制作“从空背景逐件组装”的确定性动态视频。用户提到半色调拼贴、纸张拼贴、剪纸拼贴、编辑式拼贴、杂志拼贴、复古印刷拼贴、拼贴动效、拼贴动画、剪纸动画、纸片组装、逐层组装、从无到有、元素飞入拼装、定格拼贴、定格动画、Arcads 风格、参考图拆解、风格拆解、反向拆解视觉、照这个风格做、做类似的、生成拼贴静帧、让这张图动起来、让这些元素组装起来、制作拼贴广告或拼贴解释视频时使用。英文触发语义包括 editorial collage、halftone collage、paper collage、paper-cut motion、stop-motion graphic、assemble from empty、build-on motion、analyze this、break this down、reverse-engineer this look、generate the stills、animate this、make these move。默认不调用 Arcads、Nano Banana、Seedance 或 Kling；只有用户明确要求且对应连接器可用时才进入外部生成路径。
Kuikly Compose DSL 框架开发助手。帮助使用 Kuikly Compose DSL 语法进行跨平台 UI 开发，提供 Compose 组件、Modifier、动画、手势、状态管理、导航、ViewModel 等 API 的正确使用方法和完整代码示例。适用场景：Kuikly Compose 页面开发、Compose 组件使用、Compose 布局实现、Compose 动画效果、Compose 状态管理、Compose 导航路由，在编写 Kuikly Compose 代码时使用此 skill。如需使用传统 Kuikly DSL（attr/event 语法），请使用 kuikly-ui-framework skill。
关于在 Rails 应用中通过 lucide-rails gem 使用 Lucide 图标的专家指导。在添加图标、选择图标名称、设置 SVG 图标样式、让图标可访问，或构建基于图标的 UI 模式（按钮、导航、徽章、空状态）时使用。触发词："lucide"、"icon"、"lucide-rails"、"SVG icon"、"icon library"、"lucide_icon"、"feather icon"、"inline SVG"、"add an icon"、"icon button"、"icon name"。
将 Markdown 长文转换为小红书 3:4（1080×1440）图片组的 Agent skill。内置五套设计皮肤（E 雅刊·默认 / A 暖杏奶咖 / B 雾松青 / C 黛墨描金 / D 夜读鎏金）和三种女性向主题（F 粉色王国 / G 乙游夜境 / H 吉卜力），搭配多种页型；Agent 负责阅读文章、拆分页数并填写 HTML，Playwright 渲染器负责逐张截图并导出 PNG。用户说“长文转图片”“小红书长图”“把这篇文章做成小红书图文/图片/卡片”“文章转图片”“用我的设计稿排版”“转成 3:4 图组”，想要“女性向/少女风/粉色/乙游风/吉卜力风”排版，或提供文章并提到发小红书时使用。
强制根据可用约束/尺寸调整布局，绝不检查设备或平台——使用 LayoutBuilder + MediaQuery.sizeOf/paddingOf/viewInsetsOf（而非 .of）进行窄范围重建；以 Material 3 窗口尺寸类别（compact <600、medium 600-840、expanded 840-1200、large >1200）作为断点术语；根据宽度选择导航形式（NavigationBar → NavigationRail → NavigationDrawer）；列表-详情采用单窗格或双窗格；通过 ConstrainedBox 设置易读的最大宽度；优先使用 Flexible/Expanded/FractionallySizedBox 而非固定宽度；处理 SafeArea、显示屏缺口和键盘内边距；绝不锁定方向；通过 MediaQuery.displayFeatures 考虑折叠屏/铰链；并通过不同尺寸的 golden 矩阵进行验证。在构建响应式或自适应 UI、支持平板/桌面/折叠屏、制作主从或双窗格屏幕、NavigationRail 与 BottomNav 导航框架、设置断点、使用 LayoutBuilder 或 MediaQuery 调整尺寸、处理 SafeArea/缺口，或修复大宽度溢出时使用。
数据可视化，涵盖图表选择、色彩理论和标注最佳实践。包括图表类型（柱状图、折线图、散点图、热力图）、坐标轴规则以及用数据讲故事。适用场景：图表、图形、仪表盘、报告、演示、信息图、数据故事。触发词：data visualization、chart、graph、data chart、bar chart、line chart、scatter plot、data viz、visualization、dashboard chart、infographic data、data presentation、chart design、plot、heatmap、pie chart alternative
使用本技能对已渲染的 UI 进行视觉工艺审计，并生成一份基于证据的 Craft Report，涵盖 Useful、Usable、Reliable、Coherent 和 Well-Crafted。适用于对截图（.png、.jpg、.jpeg、.webp、.gif）、Figma 画板、已渲染的原型和线上 URL 进行工艺审计、视觉批评、设计对比、感受质量评审或视觉工艺就绪度检查。不要用于源码审查、SLDS 合规（请使用 design-systems-slds-validate）或无障碍合规（请使用 experience-accessibility-validate）。
一个开放协议，规定了 AI 应用如何以统一方式连接外部工具与数据源。客户端负责与模型对话，MCP 服务负责提供工具、资源和提示模板，两者通过标准消息通信，同一个服务可以被不同客户端复用。