artifact

创建独特、达到生产级别且具备高设计质量的前端界面。当用户要求构建 Web 组件、页面、制品等时，请使用此技能……

随时查看你的 AI 智能体在做什么。智能体会持续生成日志、代码、输出结果、截图和构建产物。只需一条命令即可将文件夹转换为实时 URL，你（或队友）可在任意浏览器中打开，实时查看文件演变、就地编辑或添加评论——无需同步、无需打包、无需账号。工作区匿名保持在线 24 小时；通过一封邮箱认证即可永久保留。托管于 Cloudflare。触发指令包括“show me what the agent is doing”、“open the agent's folder”、“share this folder”、“give me a link”、“hand off this workspace”，或任何要求将智能体的本地文件状态共享给其他设备或他人的请求。

一套用于使用现代前端 Web 技术（React、Tailwind CSS、shadcn/ui）创建复杂、多组件 claude.ai HTML 产物的工具集。使用…

用于为制品设置主题样式的工具包。这些制品可以是幻灯片、文档、报告、HTML 落地页等。内置 10 款预设主题，具有……

将 Anthropic 的官方品牌色彩和排版应用于任何可能需要 Anthropic 外观风格的作品。在品牌……时使用它。

Playwright E2E 测试模式、Page Object Model、配置、CI/CD 集成、产物管理及不稳定测试策略。

适用于 React Native iOS 模拟器和 Android 模拟器云端构建（含可下载产物）的 GitHub Actions 工作流模式。在配置 CI 构建……时使用。

将本地 Hermes 运算符工作流转换为经过净化的 ECC 技能与发布包构件。适用于在准备将 Hermes 工作流用于公共 ECC 复用时，无需……

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