DSH（DeepSeek‑Harness）使用 Tailwind CSS CDN
DSH 本身不需要安装任何 npm 包，只需要在提示词明确要求在 html 的 head 插入 Tailwind Play CDN 脚本，生成的网页直接联网加载 Tailwind，双击本地 html 文件即可看到样式效果。
✅推荐 CDN 地址（Play‑CDN，v4，开发原型首选）
<script src="https://cdn.tailwindcss.com"></script>放到 html 的<head>标签内部，必须写在所有页面内容之前Tailwind C...。
方式 1：写进 DSH 提示词（最常用）
直接把下面完整 prompt 复制到 DSH 对话框，它会自动生成带 CDN 的 index.html。
在当前工作目录生成 index.html。 要求： 1. 在head标签内引入Tailwind CSS Play CDN脚本：<script src="https://cdn.tailwindcss.com"></script> 2. 全部样式使用tailwind工具类，不要手写大量原生css；页面自适应移动端，设置正确viewport元标签。 3. 不要使用npm安装tailwind，不要生成package.json，全程CDN模式。 4. 所有代码写在单个 index.html，完成简单自检，确认样式可以正常渲染。 5. 页面需求：[在这里填写你的网页需求，例如：带搜索框的搜索页面]自定义 Tailwind 配置（修改主题色、字体）
如果你需要自定义主题，在 prompt 追加这一段：
额外在CDN脚本下方增加tailwind.config配置脚本，自定义主色调为蓝色系，自定义圆角大小。使用type="text/tailwindcss"支持自定义样式。Agent 会自动生成类似：
<script src="https://cdn.tailwindcss.com"></script> <script> tailwind.config = { theme:{extend:{colors:{primary:'#165DFF'}}} } </script>方式 2：已有网页，让 DSH 给旧 html 加上 Tailwind CDN
如果已经存在 index.html，直接发送这条指令：
读取工作目录 index.html，在<head>标签内部插入Tailwind CSS CDN脚本 <script src="https://cdn.tailwindcss.com"></script>，保留原有全部页面逻辑与JS，保存文件，简单验证。⚠️DSH+Tailwind CDN 重要坑点
- CDN 仅适合开发原型，不适合生产部署Tailwind C...
- 不支持
@apply、@layer这类高级指令； - JS 动态拼接出来的 class（
'text‑'+size）不会生效，类名必须完整写在 HTML 源码里。
- 不支持
- 必须联网，断网打开页面会完全丢失样式。
- 不要让 DSH 执行
npm install tailwindcss，一旦执行会生成本地构建环境，就不再是 CDN 模式。 - 动态渲染搜索结果：JS 里拼接 HTML 字符串，完整写出全部 tailwind 类名，不要拼接字符串变量，否则样式失效。
搜索页面示例： ❌错误：
className: "text‑"+color✅正确：className: "text‑blue‑600 font‑semibold"
🧪调试指令（样式异常直接发给 DSH）
- 样式没生效排查
读取index.html，检查tailwind CDN标签位置是否正确，检查viewport元标签，修复导致tailwind样式失效的问题，保存文件。- 开启 Tailwind 表单插件
修改index.html，修改tailwind cdn引入地址，启用forms插件，保留页面原有全部功能。补充：如果你想做生产级（不用 CDN）
告诉 DSH：
不要使用CDN，初始化tailwind本地构建，生成package.json，vite构建环境，生成index.html，使用本地tailwind。此时 DSH 会调用 shell 执行 npm 安装，产出工程化项目，不再是单文件 html。
结合你上一节的搜索网页完整 prompt（直接复制即用）
生成index.html单文件网页，实现前端本地搜索功能。 1. head中引入Tailwind CSS Play CDN <script src="https://cdn.tailwindcss.com"></script>，设置移动端viewport。 2. 页面包含标题、搜索输入框、搜索按钮、清空按钮；支持回车搜索。 3. JS内置示例文章数组，前端本地过滤，渲染搜索卡片，无结果显示提示。 4. 搜索结果命中关键词高亮黄色背景。 5. 全部使用tailwind工具类，不要额外css文件，不要npm依赖，本地双击html可直接运行。 6. 完成自检，保证搜索功能正常。如果你需要，我可以直接给你一份完整成品的 index.html 代码，复制保存就能打开，带搜索 + tailwind CDN。
