用途：当用户需要一个交互式小工具（转换、展示、调试、转换或处理数据）时，使用本技能生成单文件 HTML 应用。资料指出其模式来自 150+ 个此类工具的构建经验。
主要能力与工具类型：转换器（JSON↔YAML、Markdown→HTML、CSV→表格等）、查看器/检查器（剪贴板内容、EXIF、键盘事件、CORS 检查）、处理器（图片裁剪、OCR、diff、文本转换）、调用支持 CORS 的公开 API（GitHub、PyPI、Bluesky、iNaturalist）、通过 CORS 直接调用 OpenAI/Anthropic/Gemini 的 LLM 工具、开发者工具（正则测试、取色、编码、哈希）。若用户要营销页或作品集，改用 frontend-design 技能。
核心原则：单文件；不用 React、无需构建步骤，用原生 JS 或轻量 CDN 库（用户坚持 React 时说明取舍并给出两种方案）；依赖仅从 cdnjs.cloudflare.com 或 cdn.jsdelivr.net 加载并固定版本；保持小巧（数百行理想）；默认以「粘贴输入—转换—复制到剪贴板」为主交互。
用法与模板：基本结构为 DOCTYPE + head（含 viewport meta、内联 style）+ body（UI + 内联 script）。选择模式时考虑：数据输入方式（粘贴、文件输入、URL 参数、拖拽）；输出方式（复制到剪贴板、Blob 下载、页面渲染）；状态（URL hash/query 可分享、localStorage 存较大状态或 API key、无状态）；外部数据（CORS 公开 API 直接 fetch、LLM API 把用户 key 存 localStorage、无 CORS 则说明限制并建议代理）；重计算（Pyodide、Tesseract.js、FFmpeg.wasm 等 WebAssembly，或纯 JS）。
实现清单：单 .html 内联 CSS/JS；无需构建；CDN 固定版本；移动端友好；文本输出带复制按钮；清晰的 title；常见错误处理；异步加载指示；简单可用 UI。样式强调功能优先、不过度设计，用系统字体、一致间距和可识别控件。修改已有工具时先读其源码，以其为起点。资料未提供具体安装命令、收费与平台信息。