用途：当用户想要一个交互式工具（转换、展示、调试、转换格式或处理数据）时，用此技能构建单文件 HTML 应用。它把 HTML、JavaScript、CSS 合并为一个可移植文件，加载即用、无需构建、可当静态文件托管。
主要能力与常见类型：转换器（JSON↔YAML、Markdown→HTML、CSV→表格等）、查看器/检查器（剪贴板内容、EXIF、键盘事件、CORS 检查）、处理器（图片裁剪、OCR、diff、文本转换）、调用支持 CORS 的公共 API 的工具（如 GitHub、PyPI、Bluesky、iNaturalist）、直接经 CORS 调用 OpenAI/Anthropic/Gemini 的 LLM 工具、开发者工具（正则测试、取色、编码、哈希）。若用户要营销页或作品集，应改用 frontend-design 技能。
核心原则与用法：单个 .html 文件，全部内联；不用 React、无构建步骤，用原生 JS 或轻量 CDN 库（若用户坚持 React，说明取舍并提供两种方案）；依赖只用 CDN（cdnjs.cloudflare.com 或 cdn.jsdelivr.net）并固定版本；保持几百行的小体积；以复制粘贴为主要输入输出，默认提供“复制到剪贴板”按钮。模板需含 UTF-8 与 viewport meta 标签并尽量用语义化 HTML。
模式选择：输入方式有粘贴、文件读取、URL 参数、拖放；输出有复制到剪贴板、Blob 下载、页面内渲染；状态可放 URL hash/查询参数或 localStorage（如 API 密钥）；外部数据经 CORS 直接 fetch；重计算可用 Pyodide、Tesseract.js、FFmpeg.wasm 等 WebAssembly 方案。
实施清单：确认单文件内联、无构建、CDN 固定版本、移动友好、有复制按钮、清晰的 title、常见错误处理、异步加载指示、简洁可用界面。样式上重功能轻花哨，用系统字体与清晰层级。
限制与注意：API 无 CORS 时需说明限制并建议代理或换方案；本技能介绍未给出具体价格、平台或官方文档，这些暂未提供。