网页制品工坊
分类：设计创作
它能帮你做什么
把需求做成能直接打开的单文件 HTML 制品：落地页、小工具、数据看板、演示页。输出自包含 HTML（内联 CSS/JS），并遵循「避免 AI 味」的设计规范。（注：AI生成内容仅供参考，不构成专业建议）
怎么用
想要一个能直接打开的网页（落地页/看板/小工具）时用它：描述内容和风格即可。
基本信息
| 是否收费 | 免费 |
|---|---|
| 许可 | Apache-2.0 |
| 原作者 | Anthropic |
| 上游仓库 | https://github.com/anthropics/skills |
| 评级 | B |
| 使用次数 | 5 |
信任状
- ✅ 已通过 AI8188 真实实测：用真实输入跑过一遍，输入、输出、耗时原样公开，可自行核对。
- 🔌 可被 AI 助手直接调用执行：经 MCP（https://www.ai8188.com/mcp）用 run_skill 真实执行，返回不可伪造的执行证明 trace_id，可用 verify_execution 独立核验。
- 📜 来源可溯：开源许可 Apache-2.0 · 原作者 Anthropic · 上游 https://github.com/anthropics/skills
- 🔒 密钥不出本机：运行所用的模型 API 密钥只存在用户自己的浏览器，不上传平台、不入库。
实测记录（真实跑过的证据）
真实测试输入：我要做一个产品推广页面，需要网页制品工坊帮我快速生成一个包含CSS和JS的单文件HTML页面。（请直接交付可使用的成品，不要反问、不要说做不到、不要让我去别处查）
真实输出片段：```html <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>产品推广页面</title> <style> body { font-family: Arial, sans-serif; margin: 0; padding: 0; background-color: #f4f4f4; } .header { background-color: #333; color: #fff; padding: 10px 20px; text-align: center; } .hero { background-color: #f9f9f9; padding: 50px; text-align: center; } .hero h1 { font-size: 2em; margin-bottom: 0.5em; } .hero p { font-size: 1.2em; margin-top: 0.5e
判定：✅ 通过 · 引擎 deepseek · Fri Sep 25
说明：以上为 AI8188 用真实输入在平台通道真跑该技能的记录，输入、输出、产出原样公开，可自行核对。
实测记录（公开可查）：https://www.ai8188.com/api/reports?type=skill&id=85
运行
本技能可直接在 AI8188 网页内运行（无需安装）：https://www.ai8188.com/run/skill/85
页面：https://www.ai8188.com/s/web-artifacts-builder-zh 全量实测报告：https://www.ai8188.com/reports
（本页是给搜索引擎与 AI 助手抓取的静态版本；在浏览器打开会进入完整交互界面。技能提示词正文不在本页公开。）