static-web-artifacts-builder
构建复杂的、自包含的静态HTML产物,可以在浏览器中打开——交互式图表、架构可视化、数据仪表板、HTML信息图和丰富的交互式交付物。当输出是在浏览器中查看的HTML文件时,请使用此技能。无需构建工具链——不使用React、Vite或Parcel。仅使用纯HTML5 + CSS3(Grid/Flexbox)+ 内联SVG。触发条件包括:“交互式HTML”、“自包含网页组件”、“在浏览器中打开”、“交…
把 Skill 的源码、资源快照、README、包体和安装信号放进一个可搜索、可筛选的公开目录。
构建复杂的、自包含的静态HTML产物,可以在浏览器中打开——交互式图表、架构可视化、数据仪表板、HTML信息图和丰富的交互式交付物。当输出是在浏览器中查看的HTML文件时,请使用此技能。无需构建工具链——不使用React、Vite或Parcel。仅使用纯HTML5 + CSS3(Grid/Flexbox)+ 内联SVG。触发条件包括:“交互式HTML”、“自包含网页组件”、“在浏览器中打开”、“交…
当用户询问关于Turbos Finance、Turbos CLMM、Turbos DEX、Turbos集中流动性,或者希望在Sui上与Turbos集成时,应使用此技能。涵盖交换、多跳路由、仓位管理、流动性提供和池查询。
在规划、研究或实现Medusa店面功能时自动加载(调用自定义API路由、SDK集成、React Query模式、数据获取)。所有模式下的所有店面开发都需要(规划、实施、探索)。包含SDK使用模式、前端集成以及调用Medusa API的关键规则。
在实现SF符号渲染模式、符号效果、动画、自定义符号或解决符号外观问题时使用 - 涵盖了从iOS 17到SF Symbols 7中的完整符号效果系统,以及iOS 26中的绘制动画
在实现SwiftUI搜索时使用 — .searchable, isSearching, 搜索建议, 范围, 令牌, 程序化搜索控制(iOS 15-18)。对于iOS 26的搜索改进(底部对齐、最小化工具栏、搜索标签角色),请参见swiftui-26-ref。
设计CDN和边缘部署策略以实现全球分发 - 优化延迟,规划缓存架构,并推荐边缘计算位置
设计WebSocket事件广播以增强ADW的可观测性。在将工作流事件流式传输到外部仪表板或监控系统时使用。
使用AI编码代理和静态网站生成器设计和构建网站。涵盖Astro-first工作流程、通过浏览器反馈进行迭代视觉优化、技能增强提示(前端设计、文案写作)、动画以及高质量的润色循环。在使用AI代理构建网站、设计登录页面或借助LLM协助进行网页设计迭代时使用。
通过获取语义追踪数据并生成可视化HTML解释来分析以太坊交易。每当用户提供交易哈希、要求分析交易、想要了解交易中发生了什么,或者询问关于交易内的内部调用、代币转账、交换或任何链上活动时,请使用此技能。触发短语包括“扫描此交易”、“此交易中发生了什么”、“追踪此交易”、“解释此交易”,或任何以0x开头的66字符哈希值。
当用户要求“生成研讨会大纲”、“创建培训议程”、“设计课程结构”、“构建研讨会日程”,或请求帮助规划培训课程时使用。应用MECE结构、TfBR设计(4Cs)以及包含视觉、听觉和动觉的学习方法。
在规划、研究或实施Medusa管理后台界面(小部件、自定义页面、表单、表格、数据加载、导航)时自动加载。所有模式(规划、实施、探索)下的所有管理员界面工作都需要此功能。包含MCP服务器不提供的设计模式、组件使用和数据加载模式。
当您需要完整的SF Symbols API参考时使用,包括每种渲染模式、符号效果、配置选项、UIKit等效项以及平台可用性 - 从iOS 17到iOS 26的全面代码示例
在实现拖放、复制/粘贴、ShareLink或任何应用程序或视图之间的内容共享时使用 - 涵盖了Transferable协议、TransferRepresentation类型、UTType声明、SwiftUI界面以及NSItemProvider桥接
计算并分配系统的延迟预算 - 将端到端的延迟分解为各个组件的预算,并提供优化建议
使用Ink通过React构建终端用户界面。在创建CLI、终端应用程序、TUI,或当用户提到Ink、终端UI或React CLI应用程序时使用。
为任何REST API生成或发现一个CLI + AgentSkill。使用场景:当用户说'为X创建一个CLI'、'封装这个API'、'搜索是否存在CLI'、'安装现有的CLI'、'为X制作一个技能'、'发布我的CLI'、'发布到npm'、'推送到github'时。处理注册表搜索、安装、发现、脚手架搭建、资源实现、构建、链接、技能生成、npm发布以及GitHub发布。
一个为AI使用而设计的图表和报告生成器
当用户请求学习Medusa开发时自动加载(例如,“教我如何使用medusa构建”,“引导我学习medusa”,“我想学习medusa”)。这是一个交互式指导教程,其中Claude扮演编码训练营讲师的角色,逐步教学并设有检查点和验证。
当任何问题涉及到Apple框架API、Swift编译器错误或Xcode捆绑文档时使用。涵盖Liquid Glass、Swift 6.2并发、Foundation Models、SwiftData、StoreKit、32个Swift编译器诊断信息。
当布局需要适应不同的屏幕尺寸、iPad多任务处理或iOS 26的自由形态窗口时使用——ViewThatFits与AnyLayout与onGeometryChange之间的决策树,尺寸类别的限制,以及防止基于设备的布局错误的反模式
生成利益相关者调查问卷以收集需求,并分析响应。根据领域背景创建问卷,收集结构化反馈,并对需求候选进行统计分析。
获取针对服务延迟、推理成本和吞吐量改进的LLM优化建议
实现对人类和AI代理都可访问的网站。涵盖浮动的人类/机器切换、llms.txt规范、通过Accept头进行内容协商、.md替代页面以及robots.txt排除项。在构建对代理友好的网站、实施llms.txt或添加机器可读内容时使用。
10Duke集成。管理数据、记录并自动化工作流程。当用户想要与10Duke数据交互时使用。