active

使用 p5.js 结合种子随机数和交互式参数探索来创作算法艺术。当用户请求使用代码创作艺术时使用此技能，…

在 HyperFrames HTML 中创建视频合成、动画、标题卡、叠加层、字幕、旁白、音频响应视觉效果和场景过渡。适用于……

本技能用于界面设计——仪表盘、管理后台、应用程序、工具和交互产品。不适用于营销设计（落地页、营销网站……

iOS 26 Liquid Glass 设计系统 —— 适用于 SwiftUI、UIKit 和 WidgetKit 的动态玻璃材质，支持模糊、反射和交互式形变。

Everything Claude Code 的交互式安装程序 — 引导用户选择并将技能和规则安装到用户级或项目级目录，…

处理 PowerPoint (.pptx) 的创建、设计和分析。适用于融资演示文稿、状态更新和视觉叙事。在需要精确布局定位和设计原则时主动使用。示例： - 用户：“为董事会会议创建一个10页的演示文稿” -> 使用设计原则 + html2pptx - 用户：“将此报告转换为演示文稿” -> 提取文本并映射到模板 - 用户：“审查此演示文稿的布局问题” -> 生成缩略图网格以供检查

使用 get_runtime_errors 和 lsp 获取活动堆栈跟踪，定位失败代码行，应用修复，并通过 hot_reload 验证解决结果。

使用 HTML/CSS/JavaScript/React 构建高质量的可视化 Web 产物——包括网页、落地页、仪表盘、交互式原型、HTML 幻灯片、动画演示、UI 模型、数据可视化等。当用户的请求涉及可视化、交互式或前端交付物时，请使用此技能，包括： - 创建网页、落地页、仪表盘、营销页面 - 构建交互式原型或 UI 模型（带设备边框） - 构建 HTML 幻灯片/演示文稿 - 创建 CSS/JS 动画或基于时间轴的动画演示 - 将设计模型、截图或 PRD 转换为交互式实现 - 数据可视化（Chart.js / D3 等） - 设计系统 / UI Kit 探索 即使用户没有明确提及“HTML”或“网页”，只要其意图是生成可视化、交互式或用于展示的内容，均适用此技能。 不适用场景：纯后端逻辑、CLI 工具、数据处理脚本、非可视化代码任务、命令行调试。